From d78f2a81c578e925f6050eb14139bf6ad76a38c4 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 14 Jun 2023 09:27:51 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(cardComponent):=20format?=
 =?UTF-8?q?=20code=20with=20Prettier=20This=20commit=20only=20formats=20th?=
 =?UTF-8?q?e=20code=20with=20Prettier=20to=20improve=20code=20readability?=
 =?UTF-8?q?=20and=20consistency.=20No=20functional=20changes=20were=20made?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/cardComponent/index.tsx        | 46 ++++++++++---------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/src/frontend/src/pages/CommunityPage/components/cardComponent/index.tsx b/src/frontend/src/pages/CommunityPage/components/cardComponent/index.tsx
index 4c872f9a7..9985ea956 100644
--- a/src/frontend/src/pages/CommunityPage/components/cardComponent/index.tsx
+++ b/src/frontend/src/pages/CommunityPage/components/cardComponent/index.tsx
@@ -1,10 +1,16 @@
-import { Trash2, ExternalLink, GitFork } from "lucide-react";
+import { GitFork } from "lucide-react";
 import { useContext } from "react";
-import { Link, useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import { FlowType } from "../../../../types/flow";
 import { gradients } from "../../../../utils";
-import { CardTitle, CardDescription, CardFooter, Card, CardHeader } from "../../../../components/ui/card";
+import {
+  CardTitle,
+  CardDescription,
+  CardFooter,
+  Card,
+  CardHeader,
+} from "../../../../components/ui/card";
 import { Button } from "../../../../components/ui/button";
 
 export const CardComponent = ({ flow, id }: { flow: FlowType; id: string }) => {
@@ -21,13 +27,9 @@ export const CardComponent = ({ flow, id }: { flow: FlowType; id: string }) => {
                 "rounded-full w-8 h-8 flex items-center justify-center text-2xl " +
                 gradients[parseInt(flow.id.slice(0, 6), 16) % gradients.length]
               }
-            >
-            </span>
-            <span className="flex-1 truncate-doubleline">
-              {flow.name}
-            </span>
+            ></span>
+            <span className="flex-1 truncate-doubleline">{flow.name}</span>
           </div>
-          
         </CardTitle>
         <CardDescription className="pt-2 pb-2">
           <div className="truncate-doubleline">
@@ -48,19 +50,19 @@ export const CardComponent = ({ flow, id }: { flow: FlowType; id: string }) => {
               <span className="text-base">&nbsp;</span>OpenAI+
             </Badge> */}
           </div>
-            <Button
-              variant="outline"
-              size="sm"
-              className="whitespace-nowrap "
-              onClick={() => {
-                addFlow(flow).then((id) => {
-                  navigate("/flow/"+id);
-                });
-              }}
-            >
-              <GitFork className="w-4 mr-2" />
-              Fork Example
-            </Button>
+          <Button
+            variant="outline"
+            size="sm"
+            className="whitespace-nowrap "
+            onClick={() => {
+              addFlow(flow, true).then((id) => {
+                navigate("/flow/" + id);
+              });
+            }}
+          >
+            <GitFork className="w-4 mr-2" />
+            Fork Example
+          </Button>
         </div>
       </CardFooter>
     </Card>