trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-06-27 22:24:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: login issues

Browse source
This commit is contained in:
trafficlunar 2026-04-17 17:20:51 +01:00
parent 46202b22b0
commit 11df9261da
9 changed files with 47 additions and 172 deletions
Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/components/header.tsx
View file

@ -31,8 +31,7 @@ export default function Header() {
</li>
<li>
<a href={"/submit"} className="pill button h-full">
{" "}
Submit{" "}
Submit
</a>
</li>
<HeaderProfile />

22
frontend/src/pages/index.tsx
View file

@ -1,4 +1,4 @@
import { Suspense, useEffect, useState } from "react";
import { Suspense, useEffect, useMemo, useState } from "react";
import FilterMenu from "../components/mii/list/filter-menu";
import SortSelect from "../components/mii/list/sort-select";
import MiiGrid from "../components/mii/list/mii-grid";
@ -7,13 +7,12 @@ import Skeleton from "../components/mii/list/skeleton";
interface ApiResponse {
totalCount: number;
filteredCount: number;
miis: any[];
lastPage: number;
}
export default function IndexPage() {
const searchParams = new URLSearchParams(location.search);
const searchParams = useMemo(() => new URLSearchParams(location.search), []);
const [data, setData] = useState<ApiResponse | null>(null);
const [loading, setLoading] = useState(true);
@ -31,7 +30,7 @@ export default function IndexPage() {
console.error(err);
setLoading(false);
});
}, []);
}, [searchParams]);
return (
<>
@ -46,19 +45,8 @@ export default function IndexPage() {
<div className="w-full">
<div className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg p-4 flex justify-between items-center gap-2 mb-2 max-md:flex-col">
<div className="flex items-center gap-2">
{data.totalCount == data.filteredCount ? (
<>
<span className="text-2xl font-bold text-amber-900">{data.totalCount}</span>
<span className="text-lg text-amber-700">{data.totalCount === 1 ? "Mii" : "Miis"}</span>
</>
) : (
<>
<span className="text-2xl font-bold text-amber-900">{data.filteredCount}</span>
<span className="text-sm text-amber-700">of</span>
<span className="text-lg font-semibold text-amber-800">{data.totalCount}</span>
<span className="text-lg text-amber-700">Miis</span>
</>
)}
<span className="text-2xl font-bold text-amber-900">{data.totalCount}</span>
<span className="text-lg text-amber-700">{data.totalCount === 1 ? "Mii" : "Miis"}</span>
</div>
<div className="relative flex items-center justify-end gap-2 w-full md:max-w-2/3 max-md:justify-center">

8
frontend/src/pages/login.tsx
View file

@ -1,6 +1,14 @@
import { Icon } from "@iconify/react";
import { useStore } from "@nanostores/react";
import { useNavigate } from "react-router";
import { session } from "../session";
export default function LoginPage() {
const navigate = useNavigate();
const $session = useStore(session);
if ($session) navigate("/");
const API_URL = import.meta.env.VITE_API_URL;
return (

17
frontend/src/pages/submit.tsx
View file

@ -1,5 +1,12 @@
import SubmitForm from "../components/submit-form";
export default function SubmitPage() {
return <SubmitForm />;
}
import { useStore } from "@nanostores/react";
import SubmitForm from "../components/submit-form";
import { session } from "../session";
import { useNavigate } from "react-router";
export default function SubmitPage() {
const navigate = useNavigate();
const $session = useStore(session);
if (!$session) navigate("/login");
return <SubmitForm />;
}