fix: SearchPage - removed unnecessary and debug code

frontend/src/components/SearchPage.tsx

@@ -52,9 +52,6 @@ interface IFormProps {
 
 //for searching movies
 export const SearchPage = () => {
-  const [pressed, setPressed] = useState(true); //may modify or delete in future
-  const [searchValue, setSearch] = useState("");
-
   const [form] = Form.useForm();
 
   const [categories, setCategories] = useState<CategoryDTO[]>([]);
@@ -76,38 +73,28 @@ export const SearchPage = () => {
 
   const onSubmit = async (values: IFormProps) => {
     try {
-      const response = await axiosConfig.get<MovieDTO[]>(
-        `/movies`, 
-        {
-          params: {
-            name: values.name,
-            origName: values.originalName,
-            runtime: {
-              gte: values.runTimeMinutes ? values.runTimeMinutes[0] : undefined,
-              lte: values.runTimeMinutes ? values.runTimeMinutes[1] : undefined,
-            },
-            published: {
-              gte: values.publishedAt ? values.publishedAt[0] : undefined,
-              lte: values.publishedAt ? values.publishedAt[1] : undefined,
-            },
-            categoryId: values.categoryId,
-            directorId: values.directorId,
-          }
+      const response = await axiosConfig.get<MovieDTO[]>('/movies', {
+        params: {
+          name: values.name,
+          origName: values.originalName,
+          runtime: {
+            gte: values.runTimeMinutes ? values.runTimeMinutes[0] : undefined,
+            lte: values.runTimeMinutes ? values.runTimeMinutes[1] : undefined,
+          },
+          published: {
+            gte: values.publishedAt ? values.publishedAt[0] : undefined,
+            lte: values.publishedAt ? values.publishedAt[1] : undefined,
+          },
+          categoryId: values.categoryId,
+          directorId: values.directorId,
         }
-      );
+      });
       setResultMovies([ ...response.data ]);
     } catch {
       // TODO: on error
-      alert(JSON.stringify(values));
     }
   };
 
-  //function that happens when search button is pressed
-  const onSearch = (value: string) => {
-    console.log(searchValue); // just debug tool
-    setPressed(true);
-  }; // API request search goes here - request search with value inside variable "searchValue"
-
   const onReset = () => {
     form.resetFields();
   };
@@ -321,27 +308,25 @@ export const SearchPage = () => {
           </Row>
         </Form>
       </Space>
-      {pressed && (
-        <Space
-          direction="vertical"
-          style={{ display: "flex", padding: 24, textAlign: "left" }}
-        >
-          <Table
-            onRow={(record, rowIndex) => {
-              return {
-                onClick: (event) => {
-                  console.log(record.id); // TODO: remove later
-                },
-              }; // TODO: here change to view movie
-            }}
-            columns={columns}
-            dataSource={resultMovies}
-            rowKey='id'
-            bordered
-            title={() => "Results"}
-          />
-        </Space>
-      )}
+      <Space
+        direction="vertical"
+        style={{ display: "flex", padding: 24, textAlign: "left" }}
+      >
+        <Table
+          onRow={(record, rowIndex) => {
+            return {
+              onClick: (event) => {
+                console.log(record.id); // TODO: remove later
+              },
+            }; // TODO: here change to view movie
+          }}
+          columns={columns}
+          dataSource={resultMovies}
+          rowKey='id'
+          bordered
+          title={() => "Results"}
+        />
+      </Space>
     </>
   );
 };