fix: add todo

Signed-off-by: Innei <[email protected]>

next.config.mjs

@@ -4,7 +4,7 @@ import NextBundleAnalyzer from '@next/bundle-analyzer'
 import { withSentryConfig } from '@sentry/nextjs'
 import { sentryWebpackPlugin } from '@sentry/webpack-plugin'
 
-process.title = 'Springtide (NextJS)'
+process.title = 'Shiro (NextJS)'
 
 const env = config().parsed || {}
 const isProd = process.env.NODE_ENV === 'production'

src/app/page.tsx

@@ -1,13 +1,7 @@
 'use client'
 
-import { useEffect } from 'react'
-import { useRouter } from 'next/navigation'
+import { WiderContainer } from '~/components/layout/container/Wider'
 
 export default function Home() {
-  const router = useRouter()
-  useEffect(() => {
-    router.push('/notes')
-  }, [])
-
-  return null
+  return <WiderContainer>这里还没想好怎么设计</WiderContainer>
 }

src/app/preview/page.tsx

@@ -0,0 +1,6 @@
+import { NormalContainer } from '~/components/layout/container/Normal'
+
+// TODO
+export default () => {
+  return <NormalContainer>TODO</NormalContainer>
+}

src/app/thinking/layout.tsx

@@ -0,0 +1,11 @@
+import type { Metadata } from 'next'
+import type { PropsWithChildren } from 'react'
+
+import { NormalContainer } from '~/components/layout/container/Normal'
+
+export const metadata: Metadata = {
+  title: '思考',
+}
+export default async function Layout(props: PropsWithChildren) {
+  return <NormalContainer>{props.children}</NormalContainer>
+}

src/app/thinking/page.tsx

@@ -0,0 +1,15 @@
+'use client'
+
+// TODO
+export default function Page() {
+  return (
+    <div>
+      <header className="prose">
+        <h1>思考</h1>
+        <h3>谢谢你听我诉说</h3>
+      </header>
+
+      <main className="mt-10">TODO</main>
+    </div>
+  )
+}

src/components/icons/menu-collection.tsx

@@ -11,12 +11,19 @@ export function FaSolidCircleNotch(props: SVGProps<SVGSVGElement>) {
     </svg>
   )
 }
-export function FaSolidComment(props: SVGProps<SVGSVGElement>) {
+
+export function MdiLightbulbOn20(props: SVGProps<SVGSVGElement>) {
   return (
-    <svg width="1em" height="1em" viewBox="0 0 512 512" {...props}>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="1em"
+      height="1em"
+      viewBox="0 0 24 24"
+      {...props}
+    >
       <path
         fill="currentColor"
-        d="M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4c32.7 12.3 69 19.4 107.4 19.4c141.4 0 256-93.1 256-208S397.4 32 256 32z"
+        d="M1 11h3v2H1v-2m3.9-7.5L3.5 4.9L5.6 7L7 5.6L4.9 3.5M13 1h-2v3h2V1m7 10v2h3v-2h-3M10 22c0 .6.4 1 1 1h2c.6 0 1-.4 1-1v-1h-4v1m9.1-18.5L17 5.6L18.4 7l2.1-2.1l-1.4-1.4M18 12c0 2.2-1.2 4.2-3 5.2V19c0 .6-.4 1-1 1h-4c-.6 0-1-.4-1-1v-1.8c-1.8-1-3-3-3-5.2c0-3.3 2.7-6 6-6s6 2.7 6 6m-2 0c0-2.21-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4Z"
       />
     </svg>
   )

src/components/layout/footer/FooterInfo.tsx

@@ -81,8 +81,8 @@ const PoweredBy: Component = ({ className }) => {
         Mix Space
       </StyledLink>
       . <Divider />
-      <StyledLink href="https://github.com/innei/Springtide" target="_blank">
-        Springtide
+      <StyledLink href="https://github.com/innei/Shiro" target="_blank">
+        Shiro
       </StyledLink>
       .
     </span>

src/components/layout/header/config.ts

@@ -4,7 +4,6 @@ import type { ReactNode } from 'react'
 import {
   FaSolidCircle,
   FaSolidCircleNotch,
-  FaSolidComment,
   FaSolidComments,
   FaSolidDotCircle,
   FaSolidFeatherAlt,
@@ -14,6 +13,7 @@ import {
   IcTwotoneSignpost,
   IonBook,
   MdiFlask,
+  MdiLightbulbOn20,
 } from '~/components/icons/menu-collection'
 
 export interface IHeaderMenu {
@@ -79,9 +79,9 @@ export const headerMenuConfig: IHeaderMenu[] = [
     path: '#',
     subMenu: [
       {
-        title: '之言',
-        icon: h(FaSolidComment),
-        path: '/recently',
+        title: '思考',
+        icon: h(MdiLightbulbOn20),
+        path: '/thinking',
       },
       {
         title: '项目',

src/utils/query-client.server.ts

@@ -1,14 +1,11 @@
 import { QueryClient } from '@tanstack/react-query'
-import { cache } from 'react'
 
-export const getQueryClient = cache(
-  () =>
-    new QueryClient({
-      defaultOptions: {
-        queries: {
-          staleTime: 1000 * 3,
-          cacheTime: 1000 * 3,
-        },
-      },
-    }),
-)
+const sharedClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 1000 * 3,
+      cacheTime: 1000 * 3,
+    },
+  },
+})
+export const getQueryClient = () => sharedClient