bustikiller/wedding-planner-frontend
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Projects Releases Wiki Activity

Fix use of localstorage in server side
Some checks failed
Check usage of free licenses / build-static-assets (pull_request) Successful in 48s
Details
Playwright Tests / test (pull_request) Failing after 54s
Details
Add copyright notice / copyright_notice (pull_request) Successful in 1m4s
Details
Build Nginx-based docker image / build-static-assets (push) Failing after 2m34s
Details

Browse Source
This commit is contained in:
Manuel Bustillo 2025-06-08 12:33:44 +02:00
parent 22a2cba3fe
commit 2c3480f980
4 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/[slug]/dashboard/guests/page.tsx
View File

@ -15,12 +15,15 @@ import SkeletonTable from '@/app/ui/guests/skeleton-row';
import GuestsTable from '@/app/ui/guests/table'; import GuestsTable from '@/app/ui/guests/table';
import { TabPanel, TabView } from 'primereact/tabview'; import { TabPanel, TabView } from 'primereact/tabview';
import { Toast } from 'primereact/toast'; import { Toast } from 'primereact/toast';
import { Suspense, useRef, useState } from 'react'; import { Suspense, useEffect, useRef, useState } from 'react';
import InvitationsBoard from '@/app/ui/invitations/board'; import InvitationsBoard from '@/app/ui/invitations/board';
import { Invitation, InvitationSerializer } from '@/app/lib/invitation'; import { Invitation, InvitationSerializer } from '@/app/lib/invitation';
export default function Page() { export default function Page() {
const [slug, setSlug] = useState<string | null>(null);
useEffect(() => { setSlug(getSlug()) }, []);
const toast = useRef<Toast>(null); const toast = useRef<Toast>(null);
function refreshGuests() { function refreshGuests() {
@ -45,7 +48,7 @@ export default function Page() {
} }
function resetAffinities() { function resetAffinities() {
fetch(`/api/${getSlug()}/groups/affinities/reset`, { fetch(`/api/${slug}/groups/affinities/reset`, {
method: 'POST', method: 'POST',
headers: { headers: {
'Accept': 'application/json', 'Accept': 'application/json',

8
app/[slug]/page.tsx
View File

@ -16,11 +16,11 @@ export default async function Page() {
if (getCsrfToken() == 'unknown') { if (getCsrfToken() == 'unknown') {
retrieveCSRFToken(); retrieveCSRFToken();
} }
}, []);
if (typeof window !== 'undefined') { if (typeof window !== 'undefined') {
localStorage.setItem('slug', await params.slug); localStorage.setItem('slug', params.slug);
} }
}, []);
return ( return (
<main className="flex min-h-screen flex-col p-6"> <main className="flex min-h-screen flex-col p-6">

5
app/ui/components/login-form.tsx
View File

@ -15,6 +15,9 @@ export default function LoginForm() {
const [email, setEmail] = useState(""); const [email, setEmail] = useState("");
const [password, setPassword] = useState(""); const [password, setPassword] = useState("");
const [slug, setSlug] = useState<string | null>(null);
useEffect(() => {setSlug(getSlug())}, []);
const router = useRouter(); const router = useRouter();
const [currentUser, setCurrentUser] = useState<User | null>(null); const [currentUser, setCurrentUser] = useState<User | null>(null);
@ -41,7 +44,7 @@ export default function LoginForm() {
password: password, password: password,
onLogin: (user) => { onLogin: (user) => {
setCurrentUser(user); setCurrentUser(user);
router.push(`${getSlug()}/dashboard`) router.push(`${slug}/dashboard`)
} }
})}> })}>
Sign in Sign in

4
app/ui/components/registration-form.tsx
View File

@ -17,7 +17,9 @@ export default function RegistrationForm() {
const [email, setEmail] = useState<string>(""); const [email, setEmail] = useState<string>("");
const [password, setPassword] = useState<string>(""); const [password, setPassword] = useState<string>("");
const [passwordConfirmation, setPasswordConfirmation] = useState<string>(""); const [passwordConfirmation, setPasswordConfirmation] = useState<string>("");
const [slug, setSlug] = useState<string>(getSlug());
const [slug, setSlug] = useState<string | null>(null);
useEffect(() => { setSlug(getSlug()) }, []);
const [captchaId, setCaptchaId] = useState<string>(""); const [captchaId, setCaptchaId] = useState<string>("");
const [captchaUrl, setCaptchaUrl] = useState<string>(""); const [captchaUrl, setCaptchaUrl] = useState<string>("");