lucide icons II

kir-dev · Feb 2, 2025 · dc1e8ce · dc1e8ce
1 parent 577dea9
commit dc1e8ce
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 73 deletions.
diff --git a/apps/frontend/src/app/periods/[id]/columns.tsx b/apps/frontend/src/app/periods/[id]/columns.tsx
@@ -2,7 +2,6 @@
 import { ColumnDef } from '@tanstack/react-table';
 import { AxiosError } from 'axios';
 import { useState } from 'react';
-import { FiArrowRightCircle, FiCheck } from 'react-icons/fi';
 import { RiVerifiedBadgeLine } from 'react-icons/ri';
 
 import api from '@/components/network/apiSetup';
@@ -20,7 +19,7 @@ import { filterByDateRange } from '@/lib/customFilters';
 import { toast } from '@/lib/use-toast';
 import { ApplicationEntity, ApplicationStatus } from '@/types/application-entity';
 import Image from 'next/image';
-import { LuCopy } from 'react-icons/lu';
+import { LuCheck, LuCircleArrowRight, LuCopy } from 'react-icons/lu';
 
 export const columns: (
   quickMode: boolean,
@@ -162,7 +161,7 @@ export const columns: (
             className='w-24 py-1 h-auto'
           />
           <Button type='submit' className='h-fit w-fit px-2' variant='secondary'>
-            <FiCheck />
+            <LuCheck />
           </Button>
         </form>
       );
@@ -278,7 +277,7 @@ export const columns: (
               disabled={(row.original.status as ApplicationStatus) === ('REJECTED' as ApplicationStatus)}
               onClick={() => onStatusChange(row.original, ApplicationStatus.DISTRIBUTED)}
             >
-              <FiArrowRightCircle />
+              <LuCircleArrowRight />
               Kiosztás
             </Button>
           )}

diff --git a/apps/frontend/src/components/ui/LoginButton.tsx b/apps/frontend/src/components/ui/LoginButton.tsx
@@ -1,9 +1,9 @@
 'use client';
 import { useRouter } from 'next/navigation';
-import { FiKey, FiLogIn, FiUser } from 'react-icons/fi';
 
 import { Button } from '@/components/ui/button';
 import useProfile from '@/hooks/useProfile';
+import { LuKeyRound, LuLogIn, LuUser } from 'react-icons/lu';
 
 export default function LoginButton({ version }: { version: number }) {
   const { data: user } = useProfile();
@@ -23,21 +23,21 @@ export default function LoginButton({ version }: { version: number }) {
         <div className='flex gap-2 items-center'>
           {(user.role === 'BODY_MEMBER' || user.role === 'BODY_ADMIN' || user.role === 'SUPERUSER') && (
             <Button variant='secondary' onClick={() => router.push('/admin')}>
-              <FiKey />
+              <LuKeyRound />
               Admin
             </Button>
           )}
 
           <Button onClick={handleNavToProfile}>
-            <FiUser />
+            <LuUser />
             {version === 0 ? user.nickName.slice(0, 1) : user.nickName}
           </Button>
         </div>
       )}
       {!user && (
         <Button className='ml-0 max-md:m-2' onClick={handleLogin}>
           {version === 1 && 'Bejelentkezés'}
-          {version === 0 && <FiLogIn />}
+          {version === 0 && <LuLogIn />}
         </Button>
       )}
     </>

diff --git a/apps/frontend/src/components/ui/NewsCard.tsx b/apps/frontend/src/components/ui/NewsCard.tsx
@@ -1,6 +1,5 @@
 import { useState } from 'react';
-import { FiEdit2, FiType, FiUser } from 'react-icons/fi';
-import { LuBicepsFlexed } from 'react-icons/lu';
+import { LuBicepsFlexed, LuPencil, LuType, LuUser } from 'react-icons/lu';
 
 import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
 import PostManagementButtons from '@/components/ui/PostManagementButtons';
@@ -49,11 +48,11 @@ export default function NewsCard({
           )}
           <CardContent className='flex max-md:gap-2 md:gap-8 max-md:flex-col md:flex-row text-sm text-muted-foreground'>
             <span className='flex items-center gap-2'>
-              <FiUser />
+              <LuUser />
               {post.author.fullName}
             </span>
             <span className='flex items-center gap-2'>
-              <FiType />
+              <LuType />
               {new Date(post.createdAt).toLocaleDateString('hu-HU', {
                 minute: 'numeric',
                 hour: 'numeric',
@@ -64,7 +63,7 @@ export default function NewsCard({
             </span>
             {post.createdAt !== post.updatedAt && (
               <span className='flex items-center gap-2'>
-                <FiEdit2 />
+                <LuPencil />
                 {new Date(post.updatedAt).toLocaleDateString('hu-HU', {
                   minute: 'numeric',
                   hour: 'numeric',

diff --git a/apps/frontend/src/components/ui/NewsCardWithConnection.tsx b/apps/frontend/src/components/ui/NewsCardWithConnection.tsx
diff --git a/apps/frontend/src/components/ui/RoleBadge.tsx b/apps/frontend/src/components/ui/RoleBadge.tsx
@@ -1,9 +1,9 @@
 import React, { useMemo } from 'react';
-import { FiKey, FiMeh, FiSmile, FiUser } from 'react-icons/fi';
 
 import { Badge } from '@/components/ui/badge';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 import { Role } from '@/types/user-entity';
+import { LuCirclePower, LuCircleUserRound, LuCrown, LuKeyRound } from 'react-icons/lu';
 
 export function getRoleBadgeColor(role: Role, bg?: boolean) {
   const convertedRole = role as unknown as Role;
@@ -50,13 +50,13 @@ export default function RoleBadge({ role, short, hover = true }: RoleBageProps)
   const icon: React.JSX.Element = useMemo(() => {
     switch (Role[convertedRole]) {
       case Role.USER:
-        return <FiUser />;
+        return <LuCircleUserRound />;
       case Role.BODY_MEMBER:
-        return <FiMeh />;
+        return <LuKeyRound />;
       case Role.BODY_ADMIN:
-        return <FiSmile />;
+        return <LuCrown />;
       case Role.SUPERUSER:
-        return <FiKey />;
+        return <LuCirclePower />;
     }
   }, [convertedRole]);
 

diff --git a/apps/frontend/src/components/ui/SecondBannerCard.tsx b/apps/frontend/src/components/ui/SecondBannerCard.tsx
@@ -1,9 +1,9 @@
 'use client';
 import { useRouter } from 'next/navigation';
-import { FiFastForward } from 'react-icons/fi';
 
 import { Button } from '@/components/ui/button';
 import { Card, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { LuFastForward } from 'react-icons/lu';
 
 export default function SecondBannerCard() {
   const router = useRouter();
@@ -18,7 +18,7 @@ export default function SecondBannerCard() {
           <CardDescription>Nézd meg, mi történt Body weben az elmúlt időszakban!</CardDescription>
         </div>
         <Button className='max-md:w-full' onClick={() => router.push('/impressum/2024')}>
-          <FiFastForward />
+          <LuFastForward />
           2024 Recap
         </Button>
       </CardHeader>