small code smells

starsky/starsky/clientapp/src/components/atoms/modal/modal.tsx

@@ -1,5 +1,5 @@
 import "core-js/features/dom-collections/for-each";
-import { ReactNode, useEffect, useRef, useState } from "react";
+import React, { ReactNode, useEffect, useRef, useState } from "react";
 import ReactDOM from "react-dom";
 import useGlobalSettings from "../../../hooks/use-global-settings";
 import { Language } from "../../../shared/language";

starsky/starsky/clientapp/src/components/atoms/portal/portal.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import ReactDOM from "react-dom";
 
 type PortalPropTypes = {

starsky/starsky/clientapp/src/components/molecules/list-image-view-select-container/list-image-view-select-container.tsx

@@ -21,10 +21,7 @@ const ListImageViewSelectContainer: React.FunctionComponent<IListImageBox> =
   memo(({ item, className: propsClassName, onSelectionCallback, children }) => {
     if (item.isDirectory === undefined) item.isDirectory = false;
 
-    const [className] = React.useState(
-      !propsClassName ? "list-image-box" : propsClassName
-    );
-
+    const className = !propsClassName ? "list-image-box" : propsClassName;
     const history = useLocation();
 
     // Check if select exist or Length 0 or more

starsky/starsky/clientapp/src/components/organisms/menu-search/menu-search.tsx

@@ -140,15 +140,15 @@ export const MenuSearch: React.FunctionComponent<IMenuSearchProps> = ({
 
           {/* when selected */}
           {select ? (
-            <div
+            <button
               className={"item item--labels"}
               onClick={() => toggleLabels()}
               onKeyDown={(event) => {
                 event.key === "Enter" && toggleLabels();
               }}
             >
               Labels
-            </div>
+            </button>
           ) : null}
 
           {/* More menu - When in normal state */}

starsky/starsky/clientapp/src/components/organisms/modal-edit-date-time/modal-edit-datetime.tsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import React, { useState } from "react";
 import useGlobalSettings from "../../../hooks/use-global-settings";
 import { IFileIndexItem } from "../../../interfaces/IFileIndexItem";
 import {
@@ -43,7 +43,7 @@ const ModalEditDatetime: React.FunctionComponent<IModalDatetimeProps> = (
     "The date and time were entered incorrectly"
   );
 
-  const [isFormEnabled] = useState(true);
+  const isFormEnabled = true;
 
   const [fullYear, setFullYear] = useState(parseDateYear(props.dateTime));
   const [month, setMonth] = useState(parseDateMonth(props.dateTime));

starsky/starsky/clientapp/src/containers/archive.tsx

@@ -12,9 +12,7 @@ import { URLPath } from "../shared/url-path";
 function Archive(archive: Readonly<IArchiveProps>) {
   const history = useLocation();
 
-  const [iconList] = React.useState(
-    !new URLPath().StringToIUrl(history.location.search).list
-  );
+  const iconList = !new URLPath().StringToIUrl(history.location.search).list;
 
   // The sidebar
   const [sidebar, setSidebar] = React.useState(