feat: product hunt

src/app/(website)/layout.jsx

@@ -7,7 +7,7 @@ import NextAuthSessionProvider from 'context/session-provider';
 import 'styles/main.css';
 import { auth } from 'lib/auth';
 
-import Banner from '../../components/shared/banner';
+// import Banner from '../../components/shared/banner';
 
 const inter = Inter({
   weight: ['300', '400', '500', '600', '700'],
@@ -27,7 +27,7 @@ export default async function RootLayout({ children }) {
         <NextAuthSessionProvider>
           <PlausibleProvider domain="hacksquad.dev">
             <div className="relative flex min-h-screen flex-col">
-              <Banner />
+              {/* <Banner /> */}
               <Header
                 isAuthorized={!!session}
                 subscriberId={session?.user?.githubHandle || undefined}

src/components/shared/product-hunt/product-hunt.button.jsx

@@ -1,35 +1,16 @@
-import axios from 'axios';
 import PropTypes from 'prop-types';
-import React, { useCallback, useState } from 'react';
+import React, { useState } from 'react';
 
 const ProductHuntButton = ({ productHunt }) => {
-  const [status, setStatus] = useState(!!productHunt);
-  const [text, setText] = useState('');
-  const check = useCallback(async () => {
-    const { data } = await axios.post('/api/product-hunt', { answer: text });
-    if (data.finish) {
-      setStatus(true);
-    }
-  }, [text]);
-  return (
-    <div className="flex">
-      {status === true ? (
-        <>Accepted!</>
-      ) : (
-        <>
-          <input
-            value={text}
-            placeholder="Your answer"
-            className="h-11 w-[150px] px-1"
-            onChange={(e) => setText(e.target.value.toUpperCase())}
-          />
-          <button className="h-11 bg-white px-2 text-black" onClick={check}>
-            Submit
-          </button>
-        </>
-      )}
-    </div>
-  );
+  const [status] = useState(!!productHunt);
+  // const [text, setText] = useState('');
+  // const check = useCallback(async () => {
+  //   const { data } = await axios.post('/api/product-hunt', { answer: text });
+  //   if (data.finish) {
+  //     setStatus(true);
+  //   }
+  // }, [text]);
+  return <div className="flex">{status === true ? <>Accepted!</> : <>Sorry! You missed it</>}</div>;
 };
 ProductHuntButton.propTypes = {
   productHunt: PropTypes.object,

src/pages/api/product-hunt.js

@@ -1,23 +1,23 @@
-import findUserAndTeam from '~/helpers/find.user.and.team';
-import prisma from '~/prisma/client';
+// import findUserAndTeam from '~/helpers/find.user.and.team';
+// import prisma from '~/prisma/client';
 
 export default async function handler(req, res) {
-  const { user } = await findUserAndTeam(req, res);
-  if (
-    !user ||
-    process.env.RIDDLE_ANSWER.split(',')
-      .map((p) => p.toLowerCase())
-      .includes(req.body.answer.toLowerCase()) === false
-  ) {
-    res.json({ finish: false });
-    return;
-  }
-
-  await prisma.productHunt.create({
-    data: {
-      userId: user.id,
-    },
-  });
+  // const { user } = await findUserAndTeam(req, res);
+  // if (
+  //   !user ||
+  //   process.env.RIDDLE_ANSWER.split(',')
+  //     .map((p) => p.toLowerCase())
+  //     .includes(req.body.answer.toLowerCase()) === false
+  // ) {
+  //   res.json({ finish: false });
+  //   return;
+  // }
+  //
+  // await prisma.productHunt.create({
+  //   data: {
+  //     userId: user.id,
+  //   },
+  // });
 
   res.json({ finish: true });
 }