Merge pull request Nutlope#2 from chuanyu0201/fix/delete-reduplicated…

…-code

fix: remove redundant code

.gitignore

@@ -35,3 +35,6 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 .env
+
+# idea
+.idea

components/DropDown.tsx

@@ -10,14 +10,14 @@ function classNames(...classes: string[]) {
   return classes.filter(Boolean).join(" ");
 }
 
-type vibeType = "Professional" | "Casual" | "Funny";
+export type VibeType = "Professional" | "Casual" | "Funny";
 
 interface DropDownProps {
-  vibe: "Professional" | "Casual" | "Funny";
-  setVibe: (vibe: vibeType) => void;
+  vibe: VibeType
+  setVibe: (vibe: VibeType) => void;
 }
 
-let vibes: vibeType[] = ["Professional", "Casual", "Funny"];
+let vibes: VibeType[] = ["Professional", "Casual", "Funny"];
 
 export default function DropDown({ vibe, setVibe }: DropDownProps) {
   return (
@@ -51,7 +51,7 @@ export default function DropDown({ vibe, setVibe }: DropDownProps) {
         >
           <div className="">
             {vibes.map((vibeItem) => (
-              <Menu.Item>
+              <Menu.Item key={vibeItem}>
                 {({ active }) => (
                   <button
                     onClick={() => setVibe(vibeItem)}

pages/index.tsx

@@ -4,7 +4,7 @@ import Head from "next/head";
 import Image from "next/image";
 import { useState } from "react";
 import { Toaster, toast } from "react-hot-toast";
-import DropDown from "../components/DropDown";
+import DropDown, { VibeType } from "../components/DropDown";
 import Footer from "../components/Footer";
 import Github from "../components/GitHub";
 import Header from "../components/Header";
@@ -14,7 +14,7 @@ import ResizablePanel from "../components/ResizablePanel";
 const Home: NextPage = () => {
   const [loading, setLoading] = useState(false);
   const [bio, setBio] = useState("");
-  const [vibe, setVibe] = useState<"Professional" | "Casual" | "Funny">(
+  const [vibe, setVibe] = useState<VibeType>(
     "Professional"
   );
   const [generatedBios, setGeneratedBios] = useState<String>("");