Add bonus points section in identity portal

Author: VictiniX888

apps/dashboard/pages/api/battlepass/bonus-points-approve.ts

@@ -0,0 +1,25 @@
+import { BattlePassRepository } from '../../../repository/battlepass.repository';
+import { NextApiRequest, NextApiResponse } from 'next';
+import { container } from 'tsyringe';
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  if (req.method !== 'POST') {
+    return res.status(401).send({ message: 'Method not supported' });
+  }
+
+  try {
+    const repo = container.resolve(BattlePassRepository);
+
+    const body = req.body;
+
+    // TODO: handle error??
+    await repo.setBonusPointApproved(body.userId, body.bonusPointId);
+
+    return res.status(200).json({ message: 'Success' });
+  } catch (e) {
+    return res.status(500).json({ message: e.message });
+  }
+}

apps/dashboard/pages/identity-portal/attendee-details/index.tsx

@@ -21,6 +21,7 @@ import { useHibiscusSupabase } from '@hibiscus/hibiscus-supabase-context';
 import BattlepassPointsBar from 'apps/dashboard/components/battlepass/battlepass-points-bar';
 import { BsExclamationTriangle } from 'react-icons/bs';
 import { MdCheckCircleOutline } from 'react-icons/md';
+import axios from 'axios';
 
 const COLUMN_WIDTH = 510;
 const TEAM_MEMBER_ICONS = [
@@ -41,6 +42,8 @@ export function Index() {
   const [state, setState] = useState(State.LOADING);
   const [isModalOpen, setModalOpen] = useState(false);
   const [battlepassProgress, setBattlepassProgress] = useState(null);
+  const [bonusPoints, setBonusPoints] = useState(null);
+  const [hackerBonusPoints, setHackerBonusPoints] = useState(null);
   const router = useRouter();
   const { supabase } = useHibiscusSupabase();
 
@@ -140,6 +143,28 @@ export function Index() {
     }
   }, [router.isReady, router.query]);
 
+  useEffect(() => {
+    const fetchData = async () => {
+      const res = await supabase.getClient().from('bonus_points').select();
+      if (res.error) return;
+
+      const res_ = await supabase
+        .getClient()
+        .from('bonus_points_log')
+        .select()
+        .eq('user_id', user.user_id)
+        .eq('status', 1);
+      if (res_.error) return;
+
+      setBonusPoints(res.data);
+      setHackerBonusPoints(res_.data.map((d) => d.bonus_points_id));
+    };
+
+    if (user != null) {
+      fetchData();
+    }
+  }, [user]);
+
   const { user: authUser } = useHibiscusUser();
   if (authUser == null) {
     return <>Loading</>;
@@ -265,6 +290,48 @@ export function Index() {
             </ScrollableListBox>
           </div>
         </div>
+
+        <div className="flex flex-row gap-[40px] flex-wrap">
+          <div className="flex flex-col flex-1 gap-[10px]">
+            <h3 className="text-xl m-0">Bonus Points</h3>
+            <div className="flex flex-col gap-[20px] border-solid border-black border-[1px] rounded-[8px] p-[30px] text-sm">
+              {bonusPoints?.map((bp) => (
+                <div
+                  key={bp.id}
+                  className="flex flex-row gap-[20px] items-center"
+                >
+                  <p>{bp.name}</p>
+                  {hackerBonusPoints.includes(bp.id) ? (
+                    <button
+                      disabled={true}
+                      className="bg-theme-redward px-[20px] py-[8px] text-white rounded-[8px] border-black border-[1px] border-solid text-xs"
+                    >
+                      Already given
+                    </button>
+                  ) : (
+                    <button
+                      onClick={async () => {
+                        const res = await axios.post(
+                          '/api/battlepass/bonus-points-approve',
+                          {
+                            userId: user.user_id,
+                            bonusPointId: bp.id,
+                          }
+                        );
+                        if (res.status === 200) {
+                          setHackerBonusPoints([...hackerBonusPoints, bp.id]);
+                        }
+                      }}
+                      className="bg-red-300 hover:bg-theme-redward active:bg-red-300 px-[20px] py-[8px] text-white rounded-[8px] border-black border-[1px] border-solid text-xs"
+                    >
+                      Submit
+                    </button>
+                  )}
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
       </div>
 
       <CheckInBox

apps/dashboard/repository/battlepass.repository.ts

@@ -72,4 +72,53 @@ export class BattlePassRepository {
 
     if (res.error) throw res.error;
   }
+
+  async setBonusPointApproved(userId: string, bonusPointId: string) {
+    const exists = await this.client
+      .from('bonus_points_log')
+      .select('*')
+      .eq('user_id', userId)
+      .eq('bonus_points_id', bonusPointId)
+      .eq('status', 1);
+
+    if (exists.error != null) {
+      throw exists.error;
+    }
+
+    if (exists.data.length === 0) {
+      const res = await this.client
+        .from('bonus_points_log')
+        .upsert({
+          user_id: userId,
+          bonus_points_id: bonusPointId,
+          status: 1,
+        })
+        .select('bonus_points (points)');
+
+      if (res.error) throw res.error;
+
+      const userLeaderboardMatches = await this.client
+        .from('leaderboard')
+        .select()
+        .eq('user_id', `${userId}`);
+
+      if (userLeaderboardMatches.data.length == 0) {
+        const resLeaderboard = await this.client.from('leaderboard').insert({
+          user_id: userId,
+          bonus_points: res.data[0].bonus_points.points,
+        });
+        if (resLeaderboard.error) throw resLeaderboard.error;
+      } else {
+        const resLeaderboard = await this.client
+          .from('leaderboard')
+          .update({
+            bonus_points:
+              res.data[0].bonus_points.points +
+              userLeaderboardMatches.data[0].bonus_points,
+          })
+          .eq('user_id', userId);
+        if (resLeaderboard.error) throw resLeaderboard.error;
+      }
+    }
+  }
 }