feat: show login when auth error

JimmyLv · Mar 7, 2023 · a3b860f · a3b860f
1 parent 6f69d80
commit a3b860f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/hooks/useSummarize.ts b/hooks/useSummarize.ts
@@ -3,7 +3,7 @@ import { useToast } from "~/hooks/use-toast";
 import { UserConfig, VideoConfig, VideoService } from "~/lib/types";
 import { RATE_LIMIT_COUNT } from "~/utils/constants";
 
-export function useSummarize() {
+export function useSummarize(showSingIn: (show: boolean) => void) {
   const [loading, setLoading] = useState(false);
   const [summary, setSummary] = useState<string>("");
   const { toast } = useToast();
@@ -57,6 +57,7 @@ export function useSummarize() {
             // description: response.body
             description: "每天的免费次数已经用完啦，🆓",
           });
+          showSingIn(true);
         } else {
           toast({
             variant: "destructive",

diff --git a/pages/[...slug].tsx b/pages/[...slug].tsx
@@ -18,7 +18,9 @@ import { extractUrl } from "~/utils/extractUrl";
 import { getVideoIdFromUrl } from "~/utils/getVideoIdFromUrl";
 import getVideoId from "get-video-id";
 
-export const Home: NextPage = () => {
+export const Home: NextPage<{
+  showSingIn: (show: boolean) => void;
+}> = ({ showSingIn }) => {
   const router = useRouter();
   const urlState = router.query.slug;
   const searchParams = useSearchParams();
@@ -31,7 +33,7 @@ export const Home: NextPage = () => {
   const [currentVideoId, setCurrentVideoId] = useState<string>("");
   const [userKey, setUserKey, remove] =
     useLocalStorage<string>("user-openai-apikey");
-  const { loading, summary, resetSummary, summarize } = useSummarize();
+  const { loading, summary, resetSummary, summarize } = useSummarize(showSingIn);
   const { toast } = useToast();
   const { analytics } = useAnalytics();
 

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -50,7 +50,7 @@ function MyApp({
             >
               <Header showSingIn={showSingIn} />
               <main className="mx-auto flex max-w-5xl flex-1 flex-col justify-center bg-white text-slate-900 antialiased dark:bg-slate-900 dark:text-slate-50">
-                <Component {...pageProps} />
+                <Component {...pageProps} showSingIn={showSingIn} />
                 <Analytics />
                 <CommandMenu />
               </main>