fix: added feedback link

JimmyLv · Mar 3, 2023 · b1efb7b · b1efb7b · vercel · Mar 3, 2023
1 parent 3fcb02c
commit b1efb7b
Show file tree

Hide file tree

Showing 5 changed files with 76 additions and 5 deletions.
diff --git a/components/Header.tsx b/components/Header.tsx
@@ -29,6 +29,24 @@ export default function Header() {
         </a>
       </div>
       <div className="flex items-center space-x-5">
+        <div
+          id="tooltip-light"
+          role="tooltip"
+          className="tooltip invisible absolute z-10 inline-block rounded-lg border border-gray-200 bg-white px-3 py-2 text-sm font-medium text-gray-900 opacity-0 shadow-sm"
+        >
+          那可太感谢了！
+          <div className="tooltip-arrow" data-popper-arrow></div>
+        </div>
+        <a
+          data-tooltip-target="tooltip-feedback"
+          data-tooltip-style="light"
+          href="https://jimmylv.feishu.cn/share/base/form/shrcn9PwPzGGGiJCnH0JNfM1P3b"
+          rel="noreferrer noopener"
+          target="_blank"
+          className="flex items-center space-x-2"
+        >
+          🔥 给我提反馈？
+        </a>
         <a
           href="https://b.jimmylv.cn/ios"
           rel="noreferrer noopener"

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
     "clsx": "^1.2.1",
     "crisp-sdk-web": "^1.0.13",
     "eventsource-parser": "^0.1.0",
+    "flowbite": "^1.6.3",
     "framer-motion": "^9.0.1",
     "lemonsqueezy.ts": "^0.1.6",
     "next": "latest",

diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -28,10 +28,15 @@ class MyDocument extends Document {
           <meta name="twitter:description" content={description} />
           <meta property="og:image" content={ogimage} />
           <meta name="twitter:image" content={ogimage} />
+          <link
+            href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.3/flowbite.min.css"
+            rel="stylesheet"
+          />
         </Head>
         <body className="bg-white text-gray-700">
           <Main />
           <NextScript />
+          <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.3/flowbite.min.js"></script>
         </body>
       </Html>
     );

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,12 +1,13 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [
-    './pages/**/*.{js,ts,jsx,tsx}',
-    './components/**/*.{js,ts,jsx,tsx}',
-    './app/**/*.{js,ts,jsx,tsx}',
+    "./pages/**/*.{js,ts,jsx,tsx}",
+    "./components/**/*.{js,ts,jsx,tsx}",
+    "./app/**/*.{js,ts,jsx,tsx}",
+    "./node_modules/flowbite/**/*.js",
   ],
   theme: {
     extend: {},
   },
-  plugins: [],
-}
+  plugins: [require("flowbite/plugin")],
+};