Dataset Icons

AI4Bharat · Sep 9, 2024 · f34bb21 · f34bb21
1 parent fe955b1
commit f34bb21
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/frontend/components/Datasets.tsx b/frontend/components/Datasets.tsx
@@ -34,11 +34,11 @@ import {
 } from "react-icons/fa";
 
 const datasetIcons: { [key: string]: React.ReactElement } = {
-  nmt: <FaLanguage color="orange" size={35} />,
-  llm: <FaFileAlt color="orange" size={35} />,
-  asr: <FaMicrophone color="orange" size={35} />,
-  tts: <FaVolumeUp color="orange" size={35} />,
-  xlit: <FaKeyboard color="orange" size={35} />,
+  nmt: <FaLanguage color="orange" size={20} />,
+  llm: <FaFileAlt color="orange" size={20} />,
+  asr: <FaMicrophone color="orange" size={20} />,
+  tts: <FaVolumeUp color="orange" size={20} />,
+  xlit: <FaKeyboard color="orange" size={20} />,
 };
 
 interface FeatureProps {
@@ -68,6 +68,14 @@ interface Dataset {
 const Feature = ({ title, icon, dataset_link }: FeatureProps) => {
   return (
     <HStack as={Link} href={dataset_link}>
+      <Flex
+        align={"center"}
+        justify={"center"}
+        color={"white"}
+        rounded={"full"}
+      >
+        {datasetIcons[icon]}
+      </Flex>
       <Text fontWeight={600}>{title}</Text>
     </HStack>
   );