diff --git a/frontend/data/category.ts b/frontend/data/category.ts index 6e7e4536..0bf9a807 100644 --- a/frontend/data/category.ts +++ b/frontend/data/category.ts @@ -29,4 +29,8 @@ export const categoryData = [ createCategory('aws', 'AWS', 17), createCategory('azure', 'Azure', 18), createCategory('devops', 'DevOps', 19), + createCategory('swift', 'Swift', 20), + createCategory('flutter', 'Flutter', 21), + createCategory('kotlin', 'Kotlin', 22), + createCategory('reactnative', 'React Native', 23), ]; diff --git a/frontend/data/categoryStyles.ts b/frontend/data/categoryStyles.ts index a3a1af3c..85a90a0a 100644 --- a/frontend/data/categoryStyles.ts +++ b/frontend/data/categoryStyles.ts @@ -159,6 +159,34 @@ export const categoryTabStyles = { glow: 'bg-[#0052CC]', accent: '#0052CC', }, + swift: { + icon: '/icons/swift.svg', + color: + 'group-hover:border-[#F05138]/50 group-hover:bg-[#F05138]/10 data-[state=active]:border-[#F05138]/50 data-[state=active]:bg-[#F05138]/10', + glow: 'bg-[#F05138]', + accent: '#F05138', + }, + flutter: { + icon: '/icons/flutter.svg', + color: + 'group-hover:border-[#02569B]/50 group-hover:bg-[#02569B]/10 data-[state=active]:border-[#02569B]/50 data-[state=active]:bg-[#02569B]/10', + glow: 'bg-[#02569B]', + accent: '#02569B', + }, + kotlin: { + icon: '/icons/kotlin.svg', + color: + 'group-hover:border-[#7F52FF]/50 group-hover:bg-[#7F52FF]/10 data-[state=active]:border-[#7F52FF]/50 data-[state=active]:bg-[#7F52FF]/10', + glow: 'bg-[#7F52FF]', + accent: '#7F52FF', + }, + reactnative: { + icon: '/icons/reactnative.svg', + color: + 'group-hover:border-[#61DAFB]/50 group-hover:bg-[#61DAFB]/10 data-[state=active]:border-[#61DAFB]/50 data-[state=active]:bg-[#61DAFB]/10', + glow: 'bg-[#61DAFB]', + accent: '#61DAFB', + }, } as const satisfies Partial>; export function getCategoryTabStyle(slug: string): CategoryTabStyle { diff --git a/frontend/public/icons/flutter.svg b/frontend/public/icons/flutter.svg new file mode 100644 index 00000000..bd8d0b4a --- /dev/null +++ b/frontend/public/icons/flutter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/public/icons/kotlin.svg b/frontend/public/icons/kotlin.svg new file mode 100644 index 00000000..1b8d8f46 --- /dev/null +++ b/frontend/public/icons/kotlin.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/frontend/public/icons/reactnative.svg b/frontend/public/icons/reactnative.svg new file mode 100644 index 00000000..6e66227f --- /dev/null +++ b/frontend/public/icons/reactnative.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/public/icons/swift.svg b/frontend/public/icons/swift.svg new file mode 100644 index 00000000..68630abe --- /dev/null +++ b/frontend/public/icons/swift.svg @@ -0,0 +1 @@ + \ No newline at end of file