perf: pf ssr

sosohime · Jan 26, 2025 · 36aadca · 36aadca
1 parent b1e7fc5
commit 36aadca
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 6 deletions.
diff --git a/apps/frontend-astro/src/components/tuixiu/bo.tsx b/apps/frontend-astro/src/components/tuixiu/bo.tsx
@@ -1,26 +1,33 @@
 import React from 'react';
 import { useTuixiuCountDown, getCountDown } from '../../hooks/countDown';
+import type { CountDown } from '../../hooks/countDown';
 import { tuixiu } from '@mono/const';
 import CopyToClipboardButton from '../copyToClipboard';
 import { ArrowUpRight, ArrowRightLeft } from 'lucide-react';
 import { buttonVariants } from '@mono/ui/button';
 
 const { boTuiXiuDay } = tuixiu;
 
-export default function Tuixiu() {
+export default function Tuixiu({
+  initCountDown,
+}: {
+  initCountDown: CountDown;
+}) {
   const countDown = useTuixiuCountDown(boTuiXiuDay);
 
   const getTuiClipboardText = React.useCallback(() => {
-    const botui = getCountDown(boTuiXiuDay);
+    const botui = getCountDown(boTuiXiuDay || initCountDown);
     return `普大喜奔，距离博哥退休还有${botui['yyyyMMDD hhmmss']}，转发到五个群再看你的头像，是真的！`;
   }, []);
 
   return (
     <div className="text-center h-full w-full flex flex-col justify-center items-center">
       <h1 className="text-2xl pb-4">距离博哥退休还有</h1>
       <p className="text-4xl pb-4">
-        {countDown?.['yyyyMMDD hhmmss']}
-        <span className="text-xl pl-1">{countDown?.milliseconds}</span>
+        {(countDown || initCountDown)['yyyyMMDD hhmmss']}
+        <span className="text-xl pl-1">
+          {(countDown || initCountDown)['milliseconds']}
+        </span>
       </p>
       <div className="text-xs pb-4 scale-50">(UTC+8)</div>
 

diff --git a/apps/frontend-astro/src/hooks/countDown.ts b/apps/frontend-astro/src/hooks/countDown.ts
@@ -8,7 +8,7 @@ function completeToTargetDigits(number: number | string, digits = 2) {
   return String(number).padStart(digits, '0');
 }
 
-interface CountDown {
+export interface CountDown {
   'yyyyMMDD hhmmss': string;
   milliseconds: string;
 }

diff --git a/apps/frontend-astro/src/pages/bo.astro b/apps/frontend-astro/src/pages/bo.astro
@@ -5,8 +5,14 @@ import Tuixiu from '../components/tuixiu/bo.tsx'
 
 // Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
 // Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
+import { tuixiu } from '@mono/const';
+import { getCountDown } from '../hooks/countDown'
+const { boTuiXiuDay } = tuixiu
+
+const initCountDown = getCountDown(boTuiXiuDay)
+
 ---
 
 <Layout title="博之退休倒计时">
-	<Tuixiu client:load />
+	<Tuixiu client:load  initCountDown={initCountDown} />
 </Layout>