From 85e1c8673923acb40bad7f9174136997bd84b1b5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sof=C3=ADa=20Aritz?= Date: Sun, 10 Dec 2023 15:19:19 +0100 Subject: [PATCH] More things --- index.html | 2 +- package.json | 2 + src/App.svelte | 22 +- src/app.css | 2 +- src/lib/api/index.ts | 1 + src/lib/components/Avatar.svelte | 13 ++ src/lib/components/Header.svelte | 10 +- src/lib/components/common/Textarea.svelte | 18 ++ .../components/database/DatabaseCard.svelte | 30 +-- .../database/DatabasePagesHeader.svelte | 10 +- .../database/DatabaseQueryResult.svelte | 28 +-- src/routes/DatabaseOverview.svelte | 25 +- src/routes/DatabaseQuery.svelte | 64 ++++-- src/routes/Home.svelte | 68 ++++-- src/routes/Login.svelte | 4 +- src/routes/UserPage.svelte | 44 ++++ yarn.lock | 216 ++++++++++++++++++ 17 files changed, 456 insertions(+), 103 deletions(-) create mode 100644 src/lib/components/Avatar.svelte create mode 100644 src/lib/components/common/Textarea.svelte create mode 100644 src/routes/UserPage.svelte diff --git a/index.html b/index.html index 3b94d91..f5dbbbb 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ aybWeb - +
diff --git a/package.json b/package.json index 5cb2186..530220f 100644 --- a/package.json +++ b/package.json @@ -28,6 +28,8 @@ "vite": "^5.0.0" }, "dependencies": { + "@dicebear/collection": "^7.0.1", + "@dicebear/core": "^7.0.1", "pattern.css": "^1.0.0" } } diff --git a/src/App.svelte b/src/App.svelte index 679f1d6..e39a039 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -5,9 +5,10 @@ import Redirect from "./lib/components/Redirect.svelte" import Login from "./routes/Login.svelte" import Confirm from "./routes/Confirm.svelte" - import Home from "./routes/Home.svelte"; - import DatabaseOverview from "./routes/DatabaseOverview.svelte"; - import DatabaseQuery from "./routes/DatabaseQuery.svelte"; + import Home from "./routes/Home.svelte" + import DatabaseOverview from "./routes/DatabaseOverview.svelte" + import DatabaseQuery from "./routes/DatabaseQuery.svelte" + import UserPage from "./routes/UserPage.svelte" @@ -15,17 +16,20 @@
{#if $loggedIn} - - + + - + - - + + + + + - + {:else} diff --git a/src/app.css b/src/app.css index a8b439c..f442748 100644 --- a/src/app.css +++ b/src/app.css @@ -32,6 +32,6 @@ @layer components { a { - @apply text-blue-700 underline hover:text-blue-800; + @apply text-blue-700 underline hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-500; } } diff --git a/src/lib/api/index.ts b/src/lib/api/index.ts index f9d7f25..456aa57 100644 --- a/src/lib/api/index.ts +++ b/src/lib/api/index.ts @@ -83,6 +83,7 @@ export async function confirm(token: string, auth: UserInstanceData) { }) } +// TODO(sofiaritz): Check method export async function createDatabase(slug: string, databaseType: DBType, auth: UserInstanceData) { return request(`/v1/${slug}/create`, auth, { headers: { diff --git a/src/lib/components/Avatar.svelte b/src/lib/components/Avatar.svelte new file mode 100644 index 0000000..583490c --- /dev/null +++ b/src/lib/components/Avatar.svelte @@ -0,0 +1,13 @@ + + +{`${slug}'s diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte index a13ccbd..b627d1f 100644 --- a/src/lib/components/Header.svelte +++ b/src/lib/components/Header.svelte @@ -3,12 +3,16 @@ import { Link } from "svelte-routing" -
+

- aybWeb + aybWeb

{#if $loggedIn} - Logged in as {$userInfo.slug} + Logged in as {$userInfo.slug} {:else} + export let name: string = "" + export let id: string = "" + export let rows: string = "" + export let placeholder: string = "" + export let value: string = "" + export let disabled: boolean = false + + +