Changed icon colour of community settings icon

- Added default colour to icon prop
mbeps · Mar 15, 2023 · 1b9743f · 1b9743f
1 parent 9527db9
commit 1b9743f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/Community/Header.tsx b/src/components/Community/Header.tsx
@@ -183,6 +183,7 @@ export const CommunitySettings: React.FC<CommunitySettingsProps> = ({
             icon={FiSettings}
             fontSize={20}
             onClick={() => setCommunitySettingsModalOpen(true)}
+            iconColor="gray.500"
           />
         </>
       )}

diff --git a/src/components/atoms/Icon.tsx b/src/components/atoms/Icon.tsx
@@ -12,6 +12,7 @@ type IconProps = {
   icon: IconType;
   fontSize: number;
   onClick?: () => void;
+  iconColor?: string;
 };
 
 /**
@@ -23,7 +24,12 @@ type IconProps = {
  *
  * @returns {React.FC<IconProps>} - Icon with a hover effect
  */
-const IconItem: React.FC<IconProps> = ({ icon, fontSize, onClick }) => {
+const IconItem: React.FC<IconProps> = ({
+  icon,
+  fontSize,
+  onClick,
+  iconColor = "black",
+}) => {
   return (
     <Flex
       mr={1.5}
@@ -36,7 +42,7 @@ const IconItem: React.FC<IconProps> = ({ icon, fontSize, onClick }) => {
       }}
       onClick={onClick}
     >
-      <Icon as={icon} fontSize={fontSize} />
+      <Icon as={icon} fontSize={fontSize} color={iconColor} />
     </Flex>
   );
 };