The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
disable guild animation on revisit
+3
-5
+3
-5
app/profile/page.tsx
+3
-5
app/profile/page.tsx
···
10
10
import { motion } from "framer-motion";
11
11
import Link from "next/link";
12
12
import { useSearchParams } from "next/navigation";
13
-
import { useCookies } from "next-client-cookies";
14
13
import { useMemo, useState } from "react";
15
14
import { HiChartBar, HiRefresh, HiUserAdd, HiViewGridAdd } from "react-icons/hi";
16
15
···
30
29
} as const;
31
30
32
31
export default function Home() {
33
-
const cookies = useCookies();
34
-
35
32
const [search, setSearch] = useState<string>("");
33
+
const [time] = useState<number>(() => Date.now());
36
34
37
-
const { isLoading, data, error } = useApi<ApiV1UsersMeGuildsGetResponse[]>("/users/@me/guilds");
35
+
const { isLoading, data, error, dataUpdatedAt } = useApi<ApiV1UsersMeGuildsGetResponse[]>("/users/@me/guilds");
38
36
39
37
const guilds = useMemo(
40
38
() => Array.isArray(data) ? data.sort(sort).filter((guild) => filter(guild, search)).slice(0, MAX_GUILDS) : [],
···
108
106
}
109
107
}
110
108
}}
111
-
initial={cookies.get("reduceMotions") === "true" ? "visible" : "hidden"}
109
+
initial={(dataUpdatedAt + 1_000) < time ? "visible" : "hidden"}
112
110
animate="visible"
113
111
className="grid grid-cols-1 gap-3.5 w-full mt-3 lg:grid-cols-3 md:grid-cols-2"
114
112
>