From 6867984659fe6cc21b8333271956130379ab2580 Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Tue, 18 Jul 2023 13:59:43 -0300
Subject: [PATCH] Add pages functions documentation

---
 src/frontend/src/pages/CommunityPage/index.tsx                | 4 ++++
 .../pages/FlowPage/components/extraSidebarComponent/index.tsx | 2 ++
 src/frontend/src/pages/FlowPage/index.tsx                     | 2 ++
 src/frontend/src/pages/MainPage/index.tsx                     | 4 ++++
 4 files changed, 12 insertions(+)

diff --git a/src/frontend/src/pages/CommunityPage/index.tsx b/src/frontend/src/pages/CommunityPage/index.tsx
index 2e0cf3aae..e5b8b800f 100644
--- a/src/frontend/src/pages/CommunityPage/index.tsx
+++ b/src/frontend/src/pages/CommunityPage/index.tsx
@@ -11,12 +11,16 @@ import { FlowType } from "../../types/flow";
 export default function CommunityPage() {
   const { flows, setTabId, downloadFlows, uploadFlows, addFlow } =
     useContext(TabsContext);
+
+  // set null id
   useEffect(() => {
     setTabId("");
   }, []);
   const { setErrorData } = useContext(alertContext);
   const [loadingExamples, setLoadingExamples] = useState(false);
   const [examples, setExamples] = useState<FlowType[]>([]);
+
+  // Show community examples on screen
   function handleExamples() {
     setLoadingExamples(true);
     getExamples()
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 48b0aaf79..4ae486fda 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -42,6 +42,7 @@ export default function ExtraSidebar() {
     event.dataTransfer.setData("nodedata", JSON.stringify(data));
   }
 
+  // Handle showing components after use search input
   function handleSearchInput(e: string) {
     setFilterData((_) => {
       let ret = {};
@@ -122,6 +123,7 @@ export default function ExtraSidebar() {
           className="input-search"
           onChange={(e) => {
             handleSearchInput(e.target.value);
+            // Set search input state
             setSearch(e.target.value);
           }}
         />
diff --git a/src/frontend/src/pages/FlowPage/index.tsx b/src/frontend/src/pages/FlowPage/index.tsx
index f9b170197..f47a485ff 100644
--- a/src/frontend/src/pages/FlowPage/index.tsx
+++ b/src/frontend/src/pages/FlowPage/index.tsx
@@ -7,6 +7,8 @@ import Page from "./components/PageComponent";
 export default function FlowPage() {
   const { flows, tabId, setTabId } = useContext(TabsContext);
   const { id } = useParams();
+
+  // Set flow tab id
   useEffect(() => {
     setTabId(id);
   }, [id]);
diff --git a/src/frontend/src/pages/MainPage/index.tsx b/src/frontend/src/pages/MainPage/index.tsx
index d86f31b5f..85b0e60a7 100644
--- a/src/frontend/src/pages/MainPage/index.tsx
+++ b/src/frontend/src/pages/MainPage/index.tsx
@@ -8,10 +8,14 @@ import { TabsContext } from "../../contexts/tabsContext";
 export default function HomePage() {
   const { flows, setTabId, downloadFlows, uploadFlows, addFlow, removeFlow } =
     useContext(TabsContext);
+  
+  // Set a null id
   useEffect(() => {
     setTabId("");
   }, []);
   const navigate = useNavigate();
+
+  // Personal flows display
   return (
     <div className="main-page-panel">
       <div className="main-page-nav-arrangement">