Merge pull request #575 from captain-Akshay/captain/learningpath

feat(components): no underline

Author: leecalcote

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}

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',

src/custom/StyledChapter/StyledChapter.tsx

@@ -15,7 +15,8 @@ const StyledChapter = styled('div')(({ theme }) => ({
   },
 
   '& a': {
-    color: KEPPEL
+    color: KEPPEL,
+    textDecoration: 'none'
   },
   '& pre': {
     backgroundColor: '#011627',