From e994890d9fc547c41bf5332fff001c9c0b029022 Mon Sep 17 00:00:00 2001
From: NishantSinghhhhh <nishantsingh_230137@aitpune.edu.in>
Date: Mon, 21 Oct 2024 21:46:55 +0530
Subject: [PATCH] Did the Required changes

Signed-off-by: NishantSinghhhhh <nishantsingh_230137@aitpune.edu.in>
---
 .../Projects/Sistent/components/link/code.js  | 32 ++++++++-----------
 .../Sistent/components/link/guidance.js       | 17 +++-------
 .../Projects/Sistent/components/link/index.js | 11 +++----
 3 files changed, 24 insertions(+), 36 deletions(-)

diff --git a/src/sections/Projects/Sistent/components/link/code.js b/src/sections/Projects/Sistent/components/link/code.js
index 8cab957f4a98..cd76aaeb2a63 100644
--- a/src/sections/Projects/Sistent/components/link/code.js
+++ b/src/sections/Projects/Sistent/components/link/code.js
@@ -16,7 +16,7 @@ const codes = [
       href="Your Link"
       style={{
         textDecoration: "none",
-        border: "1px solid black",
+        color:"green",
         padding: "6px",
         marginLeft: "10px",
       }}
@@ -30,8 +30,7 @@ const codes = [
       href="Your Path"
       style={{
         textDecoration: "none",
-        border: "1px solid blue",
-        color: "blue",
+        color: "green",
         padding: "6px",
         marginLeft: "10px",
       }}
@@ -45,7 +44,7 @@ const codes = [
     href="Your Path"
     style={{
       textDecoration: "underline",
-      color: "blue",
+      color: "green",
       padding: "6px",
       marginLeft: "10px",
     }}
@@ -60,7 +59,7 @@ const codes = [
         href="Your Path"
         style={{
           textDecoration: "none",
-          color: "green",
+          color: "blue",
           fontWeight: "bold",
           fontSize: "16px",
           padding: "6px",
@@ -77,12 +76,12 @@ const codes = [
         href="/path-to-file.zip"
         download="file.zip"
         style={{
-          color: "blue",
+          color: "green",
           fontWeight: "bold",
           fontSize: "16px",
           padding: "6px",
           marginLeft: "10px",
-          borderBottom: "2px solid blue",
+  
         }}
       >
         Download File
@@ -96,7 +95,7 @@ const codes = [
         rel="noopener noreferrer"
         style={{
           textDecoration: "underline",
-          color: "blue",
+          color: "green",
           padding: "6px",
           marginLeft: "10px",
         }}
@@ -165,7 +164,7 @@ export const LinkCode = () => {
                   href="your path"
                   style={{
                     textDecoration: "none",
-                    border: "1px solid black",
+                    color: "green",
                     padding: "6px",
                     marginLeft: "10px",
                   }}
@@ -193,8 +192,7 @@ export const LinkCode = () => {
                 <Link href="Your Path"
                   style={{
                     textDecoration: "none",
-                    border: "1px solid blue",
-                    color: "blue",
+                    color: "green",
                     padding: "6px",
                     marginLeft: "10px",
                   }}
@@ -217,9 +215,8 @@ export const LinkCode = () => {
                   href="Your Path"
                   style={{
                     textDecoration: "underline",
-                    color: "blue",
+                    color: "green",
                     padding: "6px",
-                    border: "1px solid blue",
                     marginLeft: "10px",
                   }}
                 >
@@ -241,12 +238,12 @@ export const LinkCode = () => {
                   href="Your Path"
                   style={{
                     textDecoration: "none",
-                    color: "green",
+                    color: "blue",
                     fontWeight: "bold",
                     fontSize: "16px",
                     padding: "6px",
                     marginLeft: "10px",
-                    borderBottom: "2px dashed green",
+                    borderBottom: "2px dashed blue",
                   }}
                 >
                   Customized Link
@@ -268,12 +265,11 @@ export const LinkCode = () => {
                   download="file.zip"
                   style={{
                     textDecoration: "none",
-                    color: "blue",
+                    color: "green",
                     fontWeight: "bold",
                     fontSize: "16px",
                     padding: "6px",
                     marginLeft: "10px",
-                    borderBottom: "2px solid blue",
                   }}
                 >
                   Download File
@@ -298,7 +294,7 @@ export const LinkCode = () => {
                   rel="noopener noreferrer"
                   style={{
                     textDecoration: "underline",
-                    color: "blue",
+                    color: "green",
                     padding: "6px",
                     marginLeft: "10px",
                   }}
diff --git a/src/sections/Projects/Sistent/components/link/guidance.js b/src/sections/Projects/Sistent/components/link/guidance.js
index 5f29b12970d8..37b6c9f3225d 100644
--- a/src/sections/Projects/Sistent/components/link/guidance.js
+++ b/src/sections/Projects/Sistent/components/link/guidance.js
@@ -74,13 +74,11 @@ export const LinkGuidancePage = () => {
                 style={{
                   marginLeft: "10px",
                   textDecoration: "none",
-                  color: isDark ? "white" : "black", // Change color based on the theme
+                  color: "green", // Change color based on the theme
                   padding: "6px",
-                  border: "2px solid",
-                  borderColor: isDark ? "white" : "black",
                 }}
               >
-                Navigate to Layer5
+                Navigate to Layer 5
               </Link>
             </SistentThemeProvider>
           </Row>
@@ -96,13 +94,11 @@ export const LinkGuidancePage = () => {
                   display: "inline-block",
                   marginLeft: "10px",
                   textDecoration: "none",
-                  color: isDark ? "white" : "black",
-                  backgroundColor: isDark ? "#3f51b5" : "#2196f3", // Button background color
+                  color: "green",
                   padding: "10px 20px",
                   borderRadius: "4px",
                   fontWeight: "bold",
-                  border: "2px solid",
-                  borderColor: isDark ? "white" : "black",
+                  border: "2px solid black",
                 }}
               >
                 Get Started
@@ -132,16 +128,13 @@ export const LinkGuidancePage = () => {
           </Row>
           <h3>Download Links</h3>
           <p>
-          These links allow users to download files, documents, or resources. It’s essential to provide information about the file type and size to prepare users for what they’re downloading.
+          These links allow users to download files, documents, or resources. It’s essential to provide information about the file type and size to prepare users for what they’re downloading. You just have to pass Download as prop in link component. 
           </p>
           <Row $Hcenter className="image-container">
             <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
               <Button
-                component="a"
                 href="https://layer5.io/projects/sistent/components/link/guidance"
                 download
-                variant="contained"
-                color="secondary"
                 style={{
                   marginLeft: "10px",
                   padding: "10px 20px",
diff --git a/src/sections/Projects/Sistent/components/link/index.js b/src/sections/Projects/Sistent/components/link/index.js
index 14806f22e397..d11d2c996787 100644
--- a/src/sections/Projects/Sistent/components/link/index.js
+++ b/src/sections/Projects/Sistent/components/link/index.js
@@ -74,8 +74,7 @@ const SistentLink = () => {
                 href="https://layer5.io/"
                 style={{
                   marginLeft: "10px",
-                  textDecoration: "none",
-                  color: "black",
+                  color: "green",
                   padding: "6px",
                 }}
               >
@@ -89,8 +88,7 @@ const SistentLink = () => {
             The links can be customized in the below mentioned way
           </p>
           <h4>1. Color</h4>
-          <p>
-            You can customize link colors with predefined values such as primary, secondary, error, success, warning, info, or inherit existing text colors like Blue, Red.
+            <p>Nomally the color of Sistent Link is green , but on adding styling properties, You can customize link colors with predefined values such as primary, secondary, error, success, warning, info, or inherit existing text colors like Blue, Red.
           </p>
           <Row $Hcenter className="image-container">
             <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
@@ -122,6 +120,7 @@ const SistentLink = () => {
                 style={{
                   marginLeft: "10px",
                   textDecoration: "underline",
+                  color:"green",
                   padding: "6px",
                 }}
               >
@@ -142,9 +141,9 @@ const SistentLink = () => {
                 style={{
                   marginLeft: "10px",
                   textDecoration: "underline",
-                  color: "blue",
+                  color: "green",
                   padding: "6px",
-                  border: "2px solid blue",
+                  border: "2px solid green",
                 }}
                 variant="body1"
               >