feat: added filled users icon

Author: abishekve

thingconnect.pulse.client/src/components/layout/Navigation.tsx

@@ -1,8 +1,8 @@
 import { Box, VStack, Text, Icon, Image, HStack, Badge, Button } from '@chakra-ui/react';
 import { Link as RouterLink, useLocation } from 'react-router-dom';
-import { Wifi, Activity, LogOut, Users } from 'lucide-react';
+import { Wifi, Activity, LogOut } from 'lucide-react';
 import thingConnectIcon from '@/assets/thingconnect-pulse-logo.svg';
-import { Clock, Wrench, Settings, Info, Dashboard, Help } from '@/icons';
+import { Clock, Wrench, Settings, Info, Dashboard, Help, Users } from '@/icons';
 import { useAuth } from '@/features/auth/context/AuthContext';
 interface NavigationProps {
   onItemClick?: () => void;

thingconnect.pulse.client/src/icons/Dashboard.tsx

@@ -9,9 +9,9 @@ export function Dashboard(props: React.SVGProps<SVGSVGElement>) {
       viewBox='0 0 24 24'
       fill='currentColor'
       stroke='currentColor'
-      stroke-width='2'
-      stroke-linecap='round'
-      stroke-linejoin='round'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
       {...props}
     >
       <rect width='7' height='9' x='3' y='3' rx='1' />

thingconnect.pulse.client/src/icons/Moon.tsx

@@ -12,9 +12,9 @@ export function Moon({ size = 24, ...props }: IProps) {
       viewBox='0 0 24 24'
       fill='currentColor'
       stroke='transparent'
-      stroke-width='2'
-      stroke-linecap='round'
-      stroke-linejoin='round'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
       {...props}
     >
       <path d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401' />

thingconnect.pulse.client/src/icons/Sun.tsx

@@ -13,9 +13,9 @@ export function Sun({ size = 24, ...props }: IProps) {
       viewBox='0 0 24 24'
       fill='currentColor'
       stroke='currentColor'
-      stroke-width='2'
-      stroke-linecap='round'
-      stroke-linejoin='round'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
       {...props}
     >
       <circle cx='12' cy='12' r='4' />

thingconnect.pulse.client/src/icons/Users.tsx

@@ -0,0 +1,23 @@
+import type { ComponentPropsWithoutRef } from 'react';
+
+export const Users = (props: ComponentPropsWithoutRef<'svg'>) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      viewBox='0 0 24 24'
+      fill='currentColor'
+      stroke='currentColor'
+      stroke-width='2'
+      stroke-linecap='round'
+      stroke-linejoin='round'
+      {...props}
+    >
+      <path d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2h14z' />
+      <path d='M16 3.128a4 4 0 0 1 0 7.744' />
+      <path d='M22 21v-2a4 5 0 0 0-3-3.87' />
+      <circle cx='9' cy='7' r='4' />
+    </svg>
+  );
+};

thingconnect.pulse.client/src/icons/Wrench.tsx

@@ -9,9 +9,9 @@ export function Wrench(props: React.SVGProps<SVGSVGElement>) {
       viewBox='0 0 24 24'
       fill='currentColor'
       stroke='transparent'
-      stroke-width='2'
-      stroke-linecap='round'
-      stroke-linejoin='round'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
       className='lucide lucide-wrench-icon lucide-wrench'
       {...props}
     >

thingconnect.pulse.client/src/icons/index.tsx

@@ -5,5 +5,4 @@ export { Info } from './Info';
 export { Wrench } from './Wrench';
 export { Dashboard } from './Dashboard';
 export { Help } from './Help';
-// export { Sun } from './sun';
-// export { Moon } from './moon';
+export { Users } from './Users';