Chanegd the button style , removed green color prop from links and al…

…so removed download button Signed-off-by: NishantSinghhhhh <[email protected]>
layer5io · Oct 22, 2024 · 667fde2 · 667fde2
1 parent 80173aa
commit 667fde2
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 deletions.
diff --git a/src/sections/Projects/Sistent/components/link/code.js b/src/sections/Projects/Sistent/components/link/code.js
@@ -25,15 +25,15 @@ const codes = [
   </SistentThemeProvider>`,
 
   `<SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
-    <Link
-      href="Your Path"
+    <Link href="Your Path"
       style={{
         textDecoration: "none",
+        color: "blue",
         padding: "6px",
         marginLeft: "10px",
       }}
     >
-      Customized Link 1
+      Colored Link
     </Link>
   </SistentThemeProvider>`,
 

diff --git a/src/sections/Projects/Sistent/components/link/guidance.js b/src/sections/Projects/Sistent/components/link/guidance.js
@@ -2,7 +2,7 @@ import React from "react";
 import { navigate } from "gatsby";
 import { useLocation } from "@reach/router";
 import { Row } from "../../../../../reusecore/Layout";
-import { Button, SistentThemeProvider, Link, ExternalLinkIcon} from "@layer5/sistent";
+import { Button, SistentThemeProvider, Link, ExternalLinkIcon } from "@layer5/sistent";
 import { SistentLayout } from "../../sistent-layout";
 
 import TabButton from "../../../../../reusecore/Button";
@@ -90,7 +90,16 @@ export const LinkGuidancePage = () => {
           <Row $Hcenter className="image-container">
             <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
               <StyledButton  $primary $url="" className="button" $external={false}>
-                Get Started
+                <Link
+                  href="https://layer5.io/projects/sistent/components/link/guidance" // Specify the path you want to navigate to
+                  style={{
+                    marginLeft: "10px",
+                    textDecoration: "none",
+                    padding: "6px",
+                  }}
+                >
+                  Get Started
+                </Link>
               </StyledButton>
             </SistentThemeProvider>
           </Row>
@@ -109,14 +118,17 @@ export const LinkGuidancePage = () => {
                   textDecoration: "none",
                   padding: "6px",
                   cursor: "pointer",
+                  display: "inline-flex",
+                  alignItems: "center",
                 }}
                 onMouseEnter={(e) => (e.target.style.textDecoration = "underline")}
                 onMouseLeave={(e) => (e.target.style.textDecoration = "none")}
               >
-                Visit External Resource <ExternalLinkIcon/>
+                Visit External Resource <ExternalLinkIcon />
               </Link>
             </SistentThemeProvider>
           </Row>
+
           <a id="Labeling">
             <h2>Labeling</h2>
           </a>

diff --git a/src/sections/Projects/Sistent/components/link/index.js b/src/sections/Projects/Sistent/components/link/index.js
@@ -74,7 +74,6 @@ const SistentLink = () => {
                 href="https://layer5.io/"
                 style={{
                   marginLeft: "10px",
-                  color: "green",
                   padding: "6px",
                 }}
               >
@@ -120,7 +119,6 @@ const SistentLink = () => {
                 style={{
                   marginLeft: "10px",
                   textDecoration: "underline",
-                  color: "green",
                   padding: "6px",
                 }}
               >
@@ -141,7 +139,7 @@ const SistentLink = () => {
                 style={{
                   marginLeft: "10px",
                   textDecoration: "underline",
-                  color: "green",
+                  color: "blue",
                   padding: "6px",
                   border: "2px solid green",
                 }}