Fix login & logout bug, add some languages.

-import { Link } from "@nextui-org/react";
+import { Button, Link } from "@nextui-org/react";
 import { getPosts } from "../api/post";
 import { getPosts } from "../api/post";
 import { useState } from "react";
 import { useState } from "react";
 import { useEffect } from "react";
 import { useEffect } from "react";
+import { useRouter } from "next/router";
 
 
 export default function Popular() {
 export default function Popular() {
     const [posts, setPosts] = useState([]);
     const [posts, setPosts] = useState([]);
+    const router = useRouter();
     useEffect(() => {
     useEffect(() => {
         getPosts(10).then(setPosts);
         getPosts(10).then(setPosts);
     }, []);
     }, []);
-    
+
     const DateType = (date) => {
     const DateType = (date) => {
         console.log(date);
         console.log(date);
         const dateObj = new Date(date);
         const dateObj = new Date(date);
@@ -22,9 +24,10 @@ export default function Popular() {
             <ul>
             <ul>
                 {posts.map(post => (
                 {posts.map(post => (
                     <li key={post.id}>
                     <li key={post.id}>
-                        <Link href={`/post/${post.id}`} className="text-xl">
+                        <a onClick={() => router.push(`/post/${post.id}`)} className="cursor-pointer transition
+                        duration-100 transform hover:text-white text-2xl">
                             <a>{post.title}</a>
                             <a>{post.title}</a>
-                        </Link>
+                        </a>
                         <span className="float-right">{DateType(post.createdAt)}</span>
                         <span className="float-right">{DateType(post.createdAt)}</span>
                     </li>
                     </li>
                 ))}
                 ))}

+import { Button } from "@nextui-org/react"
 import { useSession } from "next-auth/client"
 import { useSession } from "next-auth/client"
 import Link from "next/link"
 import Link from "next/link"
 
 

@@ -26,7 +26,10 @@ export default function Login() {
         if(!login) {
         if(!login) {
             alert("Login failed");
             alert("Login failed");
         }
         }
-        return router.push("/");
+        else {
+            alert("Login success");
+            return router.push("/");
+        }
     }
     }
 }
 }
 
 

+import { logout } from "../api/auth";
+import { useRouter } from "next/router";
+
+
+export default function Logout () {
+    const router = useRouter();
+    logout();
+    router.push("/");
+    return <div>Logging out...</div>;
+}

@@ -24,8 +24,6 @@ export default function Post() {
         })
         })
     }, [router.isReady]);
     }, [router.isReady]);
 
 
-    console.log(post);
-
     const [value, setValue] = useState("c");
     const [value, setValue] = useState("c");
 
 
     const [code, setCode] = useState("");
     const [code, setCode] = useState("");
@@ -47,6 +45,9 @@ export default function Post() {
                 <option value="c">c</option>
                 <option value="c">c</option>
                 <option value="cpp">cpp</option>
                 <option value="cpp">cpp</option>
                 <option value="js">javascript</option>
                 <option value="js">javascript</option>
+                <option value="ts">typescript</option>
+                <option value="go">golang</option>
+                <option value="py">python</option>
             </select>
             </select>
             <span className="left-100 fixed text-2xl font-semibold">문제 설명</span>
             <span className="left-100 fixed text-2xl font-semibold">문제 설명</span>
             <br></br>
             <br></br>
@@ -69,7 +70,7 @@ export default function Post() {
             </div>
             </div>
             <div className="w-6/12 inline-block align-top">{post.explain}</div>
             <div className="w-6/12 inline-block align-top">{post.explain}</div>
             <Button onClick={runCode} className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Run</Button>
             <Button onClick={runCode} className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Run</Button>
-            <p>{runCode}</p>
+            <div className="">{answer}</div>
             
             
             <p>{post.example}</p>
             <p>{post.example}</p>
         </div>
         </div>

@@ -29,5 +29,8 @@ function handleSubmit(event) {
     if(!signup) {
     if(!signup) {
         alert("Signup failed");
         alert("Signup failed");
     }
     }
-    return push("/");
+    else {
+        alert("Signup success");
+        return push("/");
+    }
 }
 }
\ No newline at end of file