From 53a20ecccf03873ae8eb8e458f8b851207fdc3df Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Mon, 24 Jul 2023 14:10:38 -0300
Subject: [PATCH] refactor[modals]: Remove any types

---
 src/frontend/src/modals/exportModal/index.tsx         |  4 ++--
 src/frontend/src/modals/formModal/chatInput/index.tsx |  6 +++---
 .../modals/formModal/chatMessage/codeBlock/index.tsx  | 10 +++-------
 .../src/modals/formModal/chatMessage/index.tsx        |  2 +-
 .../src/modals/formModal/fileComponent/index.tsx      | 10 ++++++----
 src/frontend/src/types/components/index.ts            | 11 +++++++++++
 6 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx
index b5ce1ce84..7f6e9bd30 100644
--- a/src/frontend/src/modals/exportModal/index.tsx
+++ b/src/frontend/src/modals/exportModal/index.tsx
@@ -26,7 +26,7 @@ export default function ExportModal(): JSX.Element {
   const { flows, tabId, updateFlow, downloadFlow, saveFlow } =
     useContext(TabsContext);
   const [isMaxLength, setIsMaxLength] = useState(false);
-  function setModalOpen(x: boolean) {
+  function setModalOpen(x: boolean): void {
     setOpen(x);
     if (x === false) {
       setTimeout(() => {
@@ -67,7 +67,7 @@ export default function ExportModal(): JSX.Element {
         <div className="flex items-center space-x-2">
           <Checkbox
             id="terms"
-            onCheckedChange={(event: boolean) => {
+            onCheckedChange={(event: boolean): void => {
               setChecked(event);
             }}
           />
diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index 1b4708549..2050071d4 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -27,7 +27,7 @@ export default function ChatInput({
   return (
     <div className="relative">
       <textarea
-        onKeyDown={(event) => {
+        onKeyDown={(event): void => {
           if (event.key === "Enter" && !lockChat && !event.shiftKey) {
             sendMessage();
           }
@@ -46,7 +46,7 @@ export default function ChatInput({
           }`,
         }}
         value={lockChat ? "Thinking..." : chatValue}
-        onChange={(e) => {
+        onChange={(e): void => {
           setChatValue(e.target.value);
         }}
         className={classNames(
@@ -75,7 +75,7 @@ export default function ChatInput({
               : "bg-emerald-600 text-background"
           )}
           disabled={lockChat}
-          onClick={() => sendMessage()}
+          onClick={(): void => sendMessage()}
         >
           {lockChat ? (
             <IconComponent
diff --git a/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx b/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
index 2dd02eb05..45ee18288 100644
--- a/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
@@ -3,16 +3,12 @@ import { useState } from "react";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { oneDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
 import { programmingLanguages } from "../../../../constants/constants";
-
-interface Props {
-  language: string;
-  value: string;
-}
+import { Props } from "../../../../types/components";
 
 export function CodeBlock({ language, value }: Props): JSX.Element {
   const [isCopied, setIsCopied] = useState<Boolean>(false);
 
-  const copyToClipboard = () => {
+  const copyToClipboard = (): void => {
     if (!navigator.clipboard || !navigator.clipboard.writeText) {
       return;
     }
@@ -25,7 +21,7 @@ export function CodeBlock({ language, value }: Props): JSX.Element {
       }, 2000);
     });
   };
-  const downloadAsFile = () => {
+  const downloadAsFile = (): void => {
     const fileExtension = programmingLanguages[language] || ".file";
     const suggestedFileName = `${"generated-code"}${fileExtension}`;
     const fileName = window.prompt("enter file name", suggestedFileName);
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index d2e643a10..8ae9417a6 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -57,7 +57,7 @@ export default function ChatMessage({
           <div className="form-modal-chat-text">
             {hidden && chat.thought && chat.thought !== "" && (
               <div
-                onClick={() => setHidden((prev) => !prev)}
+                onClick={(): void => setHidden((prev) => !prev)}
                 className="form-modal-chat-icon-div"
               >
                 <IconComponent
diff --git a/src/frontend/src/modals/formModal/fileComponent/index.tsx b/src/frontend/src/modals/formModal/fileComponent/index.tsx
index c0f53f925..381846042 100644
--- a/src/frontend/src/modals/formModal/fileComponent/index.tsx
+++ b/src/frontend/src/modals/formModal/fileComponent/index.tsx
@@ -1,9 +1,10 @@
 import * as base64js from "base64-js";
 import { useState } from "react";
 import IconComponent from "../../../components/genericIconComponent";
+import { fileCardPropsType } from "../../../types/components";
 
-export default function FileCard({ fileName, content, fileType }) {
-  const handleDownload = () => {
+export default function FileCard({ fileName, content, fileType }: fileCardPropsType): JSX.Element {
+  const handleDownload = (): void => {
     const byteArray = new Uint8Array(base64js.toByteArray(content));
     const blob = new Blob([byteArray], { type: "application/octet-stream" });
     const url = URL.createObjectURL(blob);
@@ -16,10 +17,10 @@ export default function FileCard({ fileName, content, fileType }) {
     URL.revokeObjectURL(url);
   };
   const [isHovered, setIsHovered] = useState(false);
-  function handleMouseEnter() {
+  function handleMouseEnter(): void {
     setIsHovered(true);
   }
-  function handleMouseLeave() {
+  function handleMouseLeave(): void {
     setIsHovered(false);
   }
 
@@ -55,6 +56,7 @@ export default function FileCard({ fileName, content, fileType }) {
   return (
     <button onClick={handleDownload} className="file-card-modal-button">
       <div className="file-card-modal-div">
+        ooooooooooooooo
         {" "}
         {fileType === "image" ? (
           <img
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index bdaf78982..675601bcf 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -477,3 +477,14 @@ export type editNodeToggleType = {
   show: boolean;
   type: string;
 };
+
+export interface Props {
+  language: string;
+  value: string;
+};
+
+export type fileCardPropsType = {
+  fileName: string;
+  content: string;
+  fileType: string;
+};