feat(): add bot and smart nft categories

Author: Maxxmorphis

prisma/schema.prisma

@@ -148,6 +148,8 @@ enum Category {
   Infrastructure
   Social
   Others
+  SmartNFT
+  Bot
 }
 
 enum ProjectBlockchain {

src/components/project/ProjectCard.tsx

@@ -2,6 +2,7 @@ import { type Project } from '@prisma/client'
 import { Box, Text, Image, Group } from '@mantine/core'
 import { Tag } from '@/components/common/Tag'
 import Link from 'next/link'
+import { categoryLabelMapping } from '@/schemas'
 
 type Props = {
   project: Project
@@ -70,7 +71,7 @@ export const ProjectCard = ({ project }: Props) => {
         {project.categories.map(category => (
           <Tag
             key={category}
-            label={category}
+            label={categoryLabelMapping[category]}
           />
         ))}
       </Group>

src/components/project/ProjectDetailForm.tsx

@@ -8,6 +8,7 @@ import { FormTextArea } from '@/components/form/FormTextArea'
 import { FormTag } from '@/components/form/FormTag'
 import { pascalToNormal } from '@/utils/string'
 import { useProjectFormStore } from '@/store'
+import { categoryLabelMapping } from '@/schemas'
 
 type Props = {
   isDisabled: boolean
@@ -20,7 +21,7 @@ export const ProjectDetailForm = ({ isDisabled }: Props) => {
   }))
   const categoriesSelectData = Object.values(Category).map(category => ({
     value: category,
-    label: category,
+    label: categoryLabelMapping[category],
   }))
 
   const stageData = Object.values(ProjectStage).map(stage => ({

src/pages/project/[id].tsx

@@ -12,6 +12,7 @@ import { Tag } from '@/components/common/Tag'
 import dayjs from 'dayjs'
 import { pascalToNormal } from '@/utils/string'
 import { api } from '@/utils/api'
+import { categoryLabelMapping } from '@/schemas'
 
 const LabelText = ({ children }: { children: ReactNode }) => {
   return (
@@ -268,7 +269,7 @@ export default function ProjectDetailPage() {
                   {project.categories.map((category, index) => (
                     <Tag
                       key={index}
-                      label={category}
+                      label={categoryLabelMapping[category]}
                     />
                   ))}
                 </Group>

src/schemas/project.ts

@@ -30,3 +30,16 @@ export const projectCreateOrUpdateSchema = z.object({
 })
 
 export type ProjectCreateOrUpdateSchemaType = z.infer<typeof projectCreateOrUpdateSchema>
+
+export const categoryLabelMapping: Record<Category, string> = {
+  [Category.DeFi]: 'DeFi',
+  [Category.NFT]: 'NFT',
+  [Category.Game]: 'Game',
+  [Category.Infrastructure]: 'Infrastructure',
+  [Category.Social]: 'Social',
+  [Category.SmartNFT]: 'Smart NFT',
+  [Category.Others]: 'Other',
+  [Category.Bot]: 'Bot',
+  [Category.Tooling]: 'Tooling',
+  [Category.Dao]: 'Dao',
+}