Add mock achievements

Author: anees-asghar

src/app/(authenticated)/profile/achievements/page.tsx

@@ -24,10 +24,10 @@ export default async function Achievements() {
       const kindAchievements = [...(acc[a.kind] || []), a];
       return { ...acc, [a.kind]: kindAchievements };
     },
-    {} as Record<AchievementKind, Achievement[]>,
+    {} as Record<AchievementKind, Achievement[]>
   );
   const sortedKinds = Object.keys(
-    achievementsByKind,
+    achievementsByKind
   ).sort() as AchievementKind[];
 
   return (

src/mocks/data/achievement.ts

@@ -0,0 +1,69 @@
+import { MOCK_COMPANIES } from "./company";
+
+export const MOCK_ACHIEVEMENTS: Achievement[] = [
+  {
+    id: "achievement_cv_1",
+    name: "Upload your CV",
+    img: "https://sinfo.ams3.cdn.digitaloceanspaces.com/static/27-sinfo/achievements/cv/cv.webp",
+    value: 1000,
+    kind: "cv",
+    description: "Upload your CV to be shared with the companies.",
+    users: ["mock_user_id", "other_user_id_1", "other_user_id_2"],
+  },
+  {
+    id: "achievement_stand_1",
+    name: "Visit Microsoft",
+    img: "https://sinfo.ams3.cdn.digitaloceanspaces.com/static/27-sinfo/achievements/stands/stands_mercedes-benz_1.png",
+    value: 50,
+    kind: "stand",
+    description: "Visit Microsoft.",
+    company: MOCK_COMPANIES[3],
+    users: ["other_user_id_1"],
+  },
+  {
+    id: "achievement_stand_2",
+    name: "Visit Google",
+    img: "https://sinfo.ams3.cdn.digitaloceanspaces.com/static/27-sinfo/achievements/stands/stands_freiheit.com-technologies-gmbh_1.png",
+    value: 50,
+    kind: "stand",
+    description: "Visit Google.",
+    company: MOCK_COMPANIES[4],
+    users: ["mock_user_id", "other_user_id_2"],
+  },
+  {
+    id: "achievement_stand_3",
+    name: "Visit Bliss Applications",
+    img: "https://sinfo.ams3.cdn.digitaloceanspaces.com/static/27-sinfo/achievements/stands/stands_talkdesk_1.png",
+    value: 50,
+    kind: "stand",
+    description: "Visit Bliss Applications.",
+    company: MOCK_COMPANIES[6],
+  },
+  {
+    id: "achievement_stand_4",
+    name: "Visit Cloudflare",
+    img: "https://sinfo.ams3.cdn.digitaloceanspaces.com/static/27-sinfo/achievements/stands/stands_deloitte_1.png",
+    value: 50,
+    kind: "stand",
+    description: "Visit Cloudflare.",
+    company: MOCK_COMPANIES[9],
+    users: ["other_user_id_1", "other_user_id_2", "mock_user_id"],
+  },
+  {
+    id: "achievement_presentation_1",
+    name: "Syone presentation",
+    img: "https://sinfo.ams3.cdn.digitaloceanspaces.com/static/27-sinfo/achievements/presentations/syone-software-solutions-27-sinfo.webp",
+    value: 150,
+    kind: "presentation",
+    description: "Get to know Syone.",
+  },
+  {
+    id: "achievement_presentation_2",
+    name: "Diconium presentation",
+    img: "https://sinfo.ams3.cdn.digitaloceanspaces.com/static/27-sinfo/achievements/presentations/diconium-vw-one-true-love-27-sinfo.webp",
+    value: 150,
+    kind: "presentation",
+    description: "Get to know Diconium.",
+    users: ["mock_user_id"],
+  },
+];

src/mocks/data/index.ts

@@ -3,3 +3,4 @@ export * from "./company";
 export * from "./speaker";
 export * from "./event";
 export * from "./session";
+export * from "./achievement";

src/mocks/handlers.ts

@@ -10,6 +10,7 @@ import {
   MOCK_SPEAKER,
   MOCK_USER_QR_CODE,
   MOCK_SESSION_STATUS,
+  MOCK_ACHIEVEMENTS,
 } from "./data";
 
 const BACKEND_URL = process.env.CANNON_URL;
@@ -79,4 +80,8 @@ export const handlers = [
   http.get(`${BACKEND_URL}/session`, () => {
     return HttpResponse.json(MOCK_SESSIONS);
   }),
+  // get all achievements for the edition
+  http.get(`${BACKEND_URL}/achievements`, () => {
+    return HttpResponse.json(MOCK_ACHIEVEMENTS);
+  }),
 ];

src/services/AchievementService.ts

@@ -14,7 +14,7 @@ export const AchievementService = (() => {
 
   const getAchievementBySession = async (
     cannonToken: string,
-    sessionId: string,
+    sessionId: string
   ): Promise<Achievement | null> => {
     try {
       const resp = await fetch(`${achievementsEndpoint}/session/${sessionId}`, {

src/utils/utils.ts

@@ -40,7 +40,7 @@ export function trimText(text: string, n: number): string {
 export function generateTimeInterval(
   timestamp: string,
   durationMinutes: number,
-  { onlyHours }: { onlyHours?: boolean } = {},
+  { onlyHours }: { onlyHours?: boolean } = {}
 ): string {
   // extract "HH:mm" from ISO string
   const formatTime = (date: Date) => date.toISOString().slice(11, 16);
@@ -92,7 +92,7 @@ export function getEventFullDate(date: string): string {
 // TODO: Implement this correctly
 export function isValidQRCode(
   data: string,
-  kind?: "user" | "achievement",
+  kind?: "user" | "achievement"
 ): boolean {
   try {
     return (