atridad/pollo
1
0
Fork 0
Code Activity Actions

Suspenseful!

Browse source
This commit is contained in:
Atridad Lahiji 2023-09-06 12:57:13 -06:00
parent 99d5c7ed61
commit dc9cc66a56
No known key found for this signature in database
4 changed files with 12 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/_components/RoomList.tsx
View file

@ -9,6 +9,10 @@ import { trpc } from "../_trpc/client";
import Loading from "./Loading";
import { useUser } from "@clerk/nextjs";
export const dynamic = "force-dynamic";
export const revalidate = 0;
export const fetchCache = "force-no-store";
const RoomList = () => {
const { isSignedIn, user } = useUser();

5
src/app/_components/VoteUI.tsx
View file

@ -25,9 +25,12 @@ import { isAdmin, isVIP, jsonToCsv } from "@/utils/helpers";
import type { PresenceItem } from "@/utils/types";
import { trpc } from "@/app/_trpc/client";
import Loading from "@/app/_components/Loading";
import { User } from "@clerk/nextjs/dist/types/server";
import { useUser } from "@clerk/nextjs";
export const dynamic = "force-dynamic";
export const revalidate = 0;
export const fetchCache = "force-no-store";
const VoteUI = () => {
const params = useParams();
const roomId = params?.id as string;

6
src/app/dashboard/page.tsx
View file

@ -4,12 +4,10 @@ import { GiStarFormation } from "react-icons/gi";
import { isAdmin, isVIP } from "@/utils/helpers";
import { currentUser } from "@clerk/nextjs";
import { Suspense } from "react";
import Loading from "../_components/Loading";
export const runtime = "edge";
export const preferredRegion = ["pdx1"];
export const dynamic = "force-dynamic";
export const revalidate = 0;
export const fetchCache = "force-no-store";
export default async function Dashboard() {
const user = await currentUser();
@ -26,7 +24,7 @@ export default async function Dashboard() {
)}
</h1>
<Suspense>
<Suspense fallback={<Loading />}>
<RoomList />
</Suspense>
</div>

6
src/app/room/[id]/page.tsx
View file

@ -1,16 +1,14 @@
import Loading from "@/app/_components/Loading";
import VoteUI from "@/app/_components/VoteUI";
import { Suspense } from "react";
export const runtime = "edge";
export const preferredRegion = ["pdx1"];
export const dynamic = "force-dynamic";
export const revalidate = 0;
export const fetchCache = "force-no-store";
export default async function Room() {
return (
<div className="flex flex-col items-center justify-center text-center gap-2">
<Suspense>
<Suspense fallback={<Loading />}>
<VoteUI />
</Suspense>
</div>