organize, login now works, dashboard always has user info
This commit is contained in:
parent
3331779499
commit
7d3569be36
14 changed files with 25 additions and 18 deletions
|
@ -1,5 +1 @@
|
||||||
DATABASE_URL=
|
DATABASE_URL=
|
||||||
|
|
||||||
KEYCLOAK_CLIENT_ID=
|
|
||||||
KEYCLOAK_CLIENT_SECRET=
|
|
||||||
KEYCLOAK_ISSUER=
|
|
|
@ -5,10 +5,10 @@
|
||||||
import { goto } from '$app/navigation';
|
import { goto } from '$app/navigation';
|
||||||
|
|
||||||
import Logo from '$lib/components/Logo.svelte';
|
import Logo from '$lib/components/Logo.svelte';
|
||||||
import FormInput from '$lib/components/FormInput.svelte';
|
import FormInput from '$lib/components/Inputs/FormInput.svelte';
|
||||||
import Button from '$lib/components/Button.svelte';
|
import Button from '$lib/components/Inputs/Button.svelte';
|
||||||
import ButtonText from '$lib/components/ButtonText.svelte';
|
import ButtonText from '$lib/components/Inputs/ButtonText.svelte';
|
||||||
import ButtonIcon from '$lib/components/ButtonIcon.svelte';
|
import ButtonIcon from '$lib/components/Inputs/ButtonIcon.svelte';
|
||||||
|
|
||||||
export let callback;
|
export let callback;
|
||||||
|
|
|
@ -5,10 +5,10 @@
|
||||||
import { goto } from '$app/navigation';
|
import { goto } from '$app/navigation';
|
||||||
|
|
||||||
import Logo from '$lib/components/Logo.svelte';
|
import Logo from '$lib/components/Logo.svelte';
|
||||||
import FormInput from '$lib/components/FormInput.svelte';
|
import FormInput from '$lib/components/Inputs/FormInput.svelte';
|
||||||
import Button from '$lib/components/Button.svelte';
|
import Button from '$lib/components/Inputs/Button.svelte';
|
||||||
import ButtonText from '$lib/components/ButtonText.svelte';
|
import ButtonText from '$lib/components/Inputs/ButtonText.svelte';
|
||||||
import ButtonIcon from '$lib/components/ButtonIcon.svelte';
|
import ButtonIcon from '$lib/components/Inputs/ButtonIcon.svelte';
|
||||||
|
|
||||||
export let callback;
|
export let callback;
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<script>
|
<script>
|
||||||
import { Sun, Moon } from 'lucide-svelte';
|
import { Sun, Moon } from 'lucide-svelte';
|
||||||
import { darkMode } from '../stores';
|
import { darkMode } from '../stores';
|
||||||
import Button from './Button.svelte';
|
import Button from '$lib/components/Inputs/Button.svelte';
|
||||||
|
|
||||||
function toggleTheme() {
|
function toggleTheme() {
|
||||||
$darkMode = !$darkMode;
|
$darkMode = !$darkMode;
|
||||||
|
|
|
@ -4,8 +4,8 @@
|
||||||
|
|
||||||
import { goBack } from '$lib/';
|
import { goBack } from '$lib/';
|
||||||
|
|
||||||
import Button from '$lib/components/Button.svelte';
|
import Button from '$lib/components/Inputs/Button.svelte';
|
||||||
import Link from '$lib/components/Link.svelte';
|
import Link from '$lib/components/Inputs/Link.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="flex justify-center items-center h-screen">
|
<div class="flex justify-center items-center h-screen">
|
||||||
|
|
|
@ -7,10 +7,10 @@
|
||||||
import { goto } from '$app/navigation';
|
import { goto } from '$app/navigation';
|
||||||
|
|
||||||
import ThemeSwitcher from '$lib/components/ThemeSwitcher.svelte';
|
import ThemeSwitcher from '$lib/components/ThemeSwitcher.svelte';
|
||||||
import Button from '$lib/components/Button.svelte';
|
import Button from '$lib/components/Inputs/Button.svelte';
|
||||||
import Logo from '$lib/components/Logo.svelte';
|
import Logo from '$lib/components/Logo.svelte';
|
||||||
import LoginForm from '$lib/components/LoginForm.svelte';
|
import LoginForm from '$lib/components/Forms/LoginForm.svelte';
|
||||||
import RegisterForm from '$lib/components/RegisterForm.svelte';
|
import RegisterForm from '$lib/components/Forms/RegisterForm.svelte';
|
||||||
|
|
||||||
let state = writable('/landing');
|
let state = writable('/landing');
|
||||||
|
|
||||||
|
|
|
@ -1,4 +1,8 @@
|
||||||
|
import { json } from '@sveltejs/kit';
|
||||||
|
|
||||||
/** @type {import('./$types').RequestHandler} */
|
/** @type {import('./$types').RequestHandler} */
|
||||||
export async function GET(event) {
|
export async function GET(event) {
|
||||||
const { request, cookies, locals } = event;
|
const { request, cookies, locals } = event;
|
||||||
|
|
||||||
|
return json(locals?.user);
|
||||||
}
|
}
|
||||||
|
|
3
src/routes/dashboard/+page.server.js
Normal file
3
src/routes/dashboard/+page.server.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
export function load({ locals }) {
|
||||||
|
return { user: locals?.user };
|
||||||
|
}
|
|
@ -1,5 +1,9 @@
|
||||||
<script>
|
<script>
|
||||||
import { user } from '$lib/stores';
|
import { user } from '$lib/stores';
|
||||||
|
|
||||||
|
export let data;
|
||||||
|
|
||||||
|
user.set(data?.user);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
|
|
Loading…
Reference in a new issue