fix: move texts and style to general files

Author: ShlomiShitrit

src/app/components/CSVButton/CSVButton.tsx

@@ -3,6 +3,7 @@ import { parse } from "json2csv";
 import { WordData } from "@/app/general/interfaces";
 import { styles } from "@/app/components/CSVButton/CSVButton.style";
 import CustomButton from "@/app/components/CustomButton";
+import { DOWNLOAD_RESULTS } from "@/app/general/constants";
 
 export default function CSVButton({ queryWords }: { queryWords: WordData[] }) {
     const handleDownload = () => {
@@ -15,7 +16,7 @@ export default function CSVButton({ queryWords }: { queryWords: WordData[] }) {
         <CustomButton
             onClick={handleDownload}
             sx={styles.button}
-            text="Download Results"
+            text={DOWNLOAD_RESULTS}
         />
     );
 }

src/app/components/ChatButton/ChatButton.style.ts

@@ -1 +1,3 @@
-export const styles = {};
+export const styles = {
+    button: { width: "120%" },
+};

src/app/components/ChatButton/ChatButton.tsx

@@ -2,15 +2,17 @@
 import { Grid } from "@mui/material";
 import CustomButton from "@/app/components/CustomButton";
 import SendIcon from "@mui/icons-material/Send";
+import { styles } from "./ChatButton.style";
+import { SEND } from "@/app/general/constants";
 
 export default function ChatButton() {
     return (
         <Grid item xs={2}>
             <CustomButton
-                sx={{ width: "120%" }}
+                sx={styles.button}
                 endIcon={<SendIcon />}
                 type="submit"
-                text="Send"
+                text={SEND}
             />
         </Grid>
     );

src/app/general/constants.ts

@@ -1,7 +1,7 @@
 export const NO_RESULTS_FOUND = "No results found";
-
 export const SAMPLE_SIZE = 5;
-
 export const ATTRIBUTES_BUTTON_TEXT = "Display Attributes";
 export const SAMPLE_BUTTON_TEXT = "Display Data Sample";
 export const NO_HELP_DESCRIPTION = "No help description available";
+export const DOWNLOAD_RESULTS = "Download Results";
+export const SEND = "Send";