From 49700c3bc5195b448c2bec824b9b87ac1d898802 Mon Sep 17 00:00:00 2001
From: agricreations <moovendhanagriculture@gmail.com>
Date: Mon, 18 Mar 2024 22:35:34 +0530
Subject: [PATCH] added dynamic links to cards

---
 ui/src/components/ComponentsCard.jsx | 13 ++++++++++---
 ui/src/index.css                     |  3 +++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/ComponentsCard.jsx b/ui/src/components/ComponentsCard.jsx
index 2f8dbd4..09eb78e 100644
--- a/ui/src/components/ComponentsCard.jsx
+++ b/ui/src/components/ComponentsCard.jsx
@@ -5,6 +5,7 @@ import { addComponents } from '../actions/components.actions';
 import { SvgIcons } from "./Button";
 import OutputsOfComponents from './OutputsOfComponents';
 import SeachBar from './Search';
+import { Link } from 'react-router-dom';
 
 const ComponentsCard = ({ catogreise, componentType, onlyCard = false }) => {
 
@@ -74,7 +75,9 @@ const ComponentsCard = ({ catogreise, componentType, onlyCard = false }) => {
                     <div>
                       <SvgIcons icon={"code"} />
                     </div>
-                    <div>  Edit code</div>
+                    <Link to={`/${component.post_details.catogries}/${component.post_details.folder_name}`}>
+                    <div> Edit code</div>
+                  </Link>
                   </div>
                   <div className="box m-1 p-1">
                     <OutputsOfComponents
@@ -118,7 +121,9 @@ const ComponentsCard = ({ catogreise, componentType, onlyCard = false }) => {
                     <div>
                       <SvgIcons icon={"code"} />
                     </div>
-                    <div>  Edit code</div>
+                    <Link to={`/${component.post_details.catogries}/${component.post_details.folder_name}`}>
+                    <div> Edit code</div>
+                  </Link>
                   </div>
                   <div className="box m-1 p-1">
                     <OutputsOfComponents
@@ -155,7 +160,9 @@ const ComponentsCard = ({ catogreise, componentType, onlyCard = false }) => {
                 <div>
                   <SvgIcons icon={"code"} />
                 </div>
-                <div>  Edit code</div>
+                <Link to={`/${component.post_details.catogries}/${component.post_details.folder_name}`}>
+                    <div> Edit code</div>
+                </Link>
               </div>
               <div className="box m-1 p-1">
                 <OutputsOfComponents
diff --git a/ui/src/index.css b/ui/src/index.css
index 330763b..611cc46 100755
--- a/ui/src/index.css
+++ b/ui/src/index.css
@@ -296,6 +296,9 @@ body {
   cursor: pointer;
   z-index: 999;
 }
+.readCode a{
+  text-decoration: none;
+}
 .myBoxContainer:hover .readCode{
   opacity: 100%;
   cursor: pointer;