From 7eb58bfa90e42cbe565879e1991509abcc9872cb Mon Sep 17 00:00:00 2001 From: MrMelon54 Date: Sun, 27 Nov 2022 01:36:23 +0000 Subject: [PATCH] Add header dropdown and replace icon library --- package.json | 4 +- src/App.svelte | 48 ++--------- src/app.scss | 2 - src/assets/material-symbols.scss | 23 ----- src/assets/material-symbols.woff2 | Bin 221560 -> 0 bytes src/lib/Dropdown.svelte | 60 ------------- src/lib/HeaderDropdown.svelte | 134 +++++++++++++++++++++++++++++ src/routes/login/LoginRoute.svelte | 2 +- yarn.lock | 5 ++ 9 files changed, 151 insertions(+), 127 deletions(-) delete mode 100644 src/assets/material-symbols.scss delete mode 100644 src/assets/material-symbols.woff2 delete mode 100644 src/lib/Dropdown.svelte create mode 100644 src/lib/HeaderDropdown.svelte diff --git a/package.json b/package.json index f42a004..7b53e61 100644 --- a/package.json +++ b/package.json @@ -20,6 +20,7 @@ "devDependencies": { "@sveltejs/vite-plugin-svelte": "^1.0.2", "@tsconfig/svelte": "^3.0.0", + "lucide-svelte": "^0.102.0", "prettier": "^2.7.1", "prettier-plugin-svelte": "^2.8.0", "sass": "^1.55.0", @@ -30,5 +31,6 @@ "tslib": "^2.4.0", "typescript": "^4.6.4", "vite": "^3.1.0" - } + }, + "dependencies": {} } diff --git a/src/App.svelte b/src/App.svelte index fbffa1a..8776160 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -1,15 +1,10 @@ - -
-
-
- -
-
- -
- {#if open} -
- -
- {/if} -
- - diff --git a/src/lib/HeaderDropdown.svelte b/src/lib/HeaderDropdown.svelte new file mode 100644 index 0000000..2cb171c --- /dev/null +++ b/src/lib/HeaderDropdown.svelte @@ -0,0 +1,134 @@ + + +
+ +
+
+ {#if profile.icon == "0"} + Profile Icon + {:else} + Profile Icon + {/if} + {profile.display_name} +
+ {#if open} + + {:else} + + {/if} +
+ {#if open} +
+
+ + + Profile + + + + Settings + + + + Logout + +
+
+ {/if} +
+ + diff --git a/src/routes/login/LoginRoute.svelte b/src/routes/login/LoginRoute.svelte index 0579ccf..d52303e 100644 --- a/src/routes/login/LoginRoute.svelte +++ b/src/routes/login/LoginRoute.svelte @@ -34,7 +34,7 @@ } onMount(async function () { - updatePage(postLogin({}, "")); + updatePage(postLogin({})); }); let loading = false; diff --git a/yarn.lock b/yarn.lock index e1e4703..4b21e4e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -442,6 +442,11 @@ lower-case@^2.0.2: dependencies: tslib "^2.0.3" +lucide-svelte@^0.102.0: + version "0.102.0" + resolved "https://registry.yarnpkg.com/lucide-svelte/-/lucide-svelte-0.102.0.tgz#4a8bca665e6f01d21d60bb057996c35a6e878eb5" + integrity sha512-r8Nmz3XnRiesT3BxTaQvJnkbvutJMDv7HHADfDVZ1VLo3tWInfSBzWQya1V12dFfdBoz/bMwBX0abpccw77v4A== + magic-string@^0.25.7: version "0.25.9" resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"