From 75e144dd26858227d4451bbfdfadc38f6b5a167d Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Mon, 13 Nov 2023 19:25:56 -0300
Subject: [PATCH] refactor(flows): reverse the order of flows to display the
 latest ones first refactor(MainPage): comment out code that adds "From Store"
 sidebar navigation item feat(flow): add date_created property to FlowType to
 track the creation date of flows

---
 .../src/pages/MainPage/components/flows/index.tsx    |  1 +
 src/frontend/src/pages/MainPage/index.tsx            | 12 ++++++------
 src/frontend/src/types/flow/index.ts                 |  1 +
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/pages/MainPage/components/flows/index.tsx b/src/frontend/src/pages/MainPage/components/flows/index.tsx
index 3df5e25a4..50eca596d 100644
--- a/src/frontend/src/pages/MainPage/components/flows/index.tsx
+++ b/src/frontend/src/pages/MainPage/components/flows/index.tsx
@@ -32,6 +32,7 @@ export default function FlowsComponent() {
     >
       {flows
         .filter((flow) => !flow.is_component)
+        .reverse()
         .map((flow, idx) => (
           <CardComponent
             key={idx}
diff --git a/src/frontend/src/pages/MainPage/index.tsx b/src/frontend/src/pages/MainPage/index.tsx
index e21c294c5..989611d05 100644
--- a/src/frontend/src/pages/MainPage/index.tsx
+++ b/src/frontend/src/pages/MainPage/index.tsx
@@ -33,12 +33,12 @@ export default function HomePage(): JSX.Element {
     },
   ];
 
-  if (hasStore) {
-    sidebarNavItems.push({
-      title: "From Store",
-      href: "/from-store",
-    });
-  }
+  // if (hasStore) {
+  //   sidebarNavItems.push({
+  //     title: "From Store",
+  //     href: "/from-store",
+  //   });
+  // }
 
   // Set a null id
   useEffect(() => {
diff --git a/src/frontend/src/types/flow/index.ts b/src/frontend/src/types/flow/index.ts
index 785e78bd5..8e58e2577 100644
--- a/src/frontend/src/types/flow/index.ts
+++ b/src/frontend/src/types/flow/index.ts
@@ -9,6 +9,7 @@ export type FlowType = {
   style?: FlowStyleType;
   is_component?: boolean;
   parent?: string;
+  date_created?: string;
 };
 export type NodeType = {
   id: string;