feat(components): no underline

Signed-off-by: captain-Akshay <[email protected]>
layer5io · Apr 23, 2024 · 8a221f5 · 8a221f5
1 parent 0443679
commit 8a221f5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/custom/SetupPrerequisite/SetupPrerequisite.tsx b/src/custom/SetupPrerequisite/SetupPrerequisite.tsx
@@ -9,7 +9,7 @@ interface SetupItem {
   heading: string;
   description: string;
   Icon: JSX.Element;
-  onClick: () => void;
+  url: string;
 }
 interface SetupPreReqProps {
   Steps: SetupItem[];
@@ -24,7 +24,7 @@ const SetupPreReq: React.FC<SetupPreReqProps> = ({ Steps, PrerequisiteLine }) =>
     <ContainerCardWrapper id="Set up">
       {Steps.map((item) => {
         return (
-          <Card>
+          <Card href={item.url} target="_blank">
             <CardHeader>
               <h2>{item.heading}</h2>
               {item.Icon}

diff --git a/src/custom/SetupPrerequisite/style.tsx b/src/custom/SetupPrerequisite/style.tsx
@@ -13,14 +13,15 @@ const SetupPreReqWrapper = styled('div')({
 const ContainerCardWrapper = styled('div')(({ theme }) => ({
   display: 'flex',
   cursor: 'pointer',
-  '& div': {
+  '& a': {
     color: theme.palette.text.primary,
     margin: '1rem'
   }
 }));
 
-const Card = styled('div')(({ theme }) => ({
+const Card = styled('a')(({ theme }) => ({
   padding: '2rem',
+  textDecoration: 'none',
   background: theme.palette.mode === 'light' ? '#EEEEEE' : '#212121',
   maxWidth: '20rem',
   minHeight: '21.5rem',