GPT Logo 点击9次有彩蛋。

app/components/home.module.scss

@@ -1,4 +1,5 @@
 @mixin container {
+  view-transition-name: panel;
   background-color: var(--white);
   border: var(--border-in-light);
   border-radius: 20px;
@@ -205,12 +206,12 @@
   cursor: pointer;
 }
 
-.chat-item:hover > .chat-item-delete {
+.chat-item:hover>.chat-item-delete {
   opacity: 0.5;
   transform: translateX(-4px);
 }
 
-.chat-item:hover > .chat-item-delete:hover {
+.chat-item:hover>.chat-item-delete:hover {
   opacity: 1;
 }
 
@@ -231,10 +232,12 @@
 }
 
 .narrow-sidebar {
+
   .sidebar-title,
   .sidebar-sub-title {
     display: none;
   }
+
   .sidebar-logo {
     position: relative;
     display: flex;

app/components/sidebar.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useMemo } from "react";
+import { useEffect, useRef, useMemo, useState } from "react";
 
 import styles from "./home.module.scss";
 
@@ -128,6 +128,31 @@ function useDragSideBar() {
   };
 }
 
+function EEIcon() {
+  // 彩蛋
+  const [count, setCount] = useState(0);
+
+  return (
+    <div className="no-dark" onClick={() => setCount((c) => c + 1)}>
+      <ChatGptIcon />
+      {count >= 9 ? (
+        <video
+          src="https://registry.npmmirror.com/singlexyz-test/1.0.1/files/test.mp4"
+          autoPlay
+          style={{
+            position: "fixed",
+            inset: "0",
+            width: "100%",
+            height: "100%",
+            zIndex: 10086,
+            objectFit: "cover",
+          }}
+        />
+      ) : null}
+    </div>
+  );
+}
+
 export function SideBar(props: { className?: string }) {
   const chatStore = useChatStore();
 
@@ -162,7 +187,7 @@ export function SideBar(props: { className?: string }) {
           Build your own AI assistant.
         </div> */}
         <div className={styles["sidebar-logo"] + " no-dark"}>
-          <ChatGptIcon />
+          <EEIcon />
         </div>
       </div>
 

package.json

@@ -25,6 +25,7 @@
     "emoji-picker-react": "^4.5.15",
     "fuse.js": "^7.0.0",
     "html-to-image": "^1.11.11",
+    "katex": "^0.16.9",
     "mermaid": "^10.6.1",
     "nanoid": "^5.0.3",
     "next": "^13.4.9",