chore: type useState

Author: KatoakDR

electron/renderer/components/sidebar/accounts/sidebar-item-accounts.tsx

@@ -20,9 +20,9 @@ import { ModalRemoveAccount } from './modal-remove-account.jsx';
 import { TableListAccounts } from './table-list-accounts.jsx';
 
 export const SidebarItemAccounts: React.FC = (): ReactNode => {
-  const [showAddModal, setShowAddModal] = useState(false);
-  const [showEditModal, setShowEditModal] = useState(false);
-  const [showRemoveModal, setShowRemoveModal] = useState(false);
+  const [showAddModal, setShowAddModal] = useState<boolean>(false);
+  const [showEditModal, setShowEditModal] = useState<boolean>(false);
+  const [showRemoveModal, setShowRemoveModal] = useState<boolean>(false);
 
   // Hooks to manage accounts.
   const saveAccount = useSaveAccount();

electron/renderer/components/sidebar/characters/sidebar-item-characters.tsx

@@ -27,9 +27,9 @@ import {
 } from './modal-remove-character.jsx';
 
 export const SidebarItemCharacters: React.FC = (): ReactNode => {
-  const [showAddModal, setShowAddModal] = useState(false);
-  const [showEditModal, setShowEditModal] = useState(false);
-  const [showRemoveModal, setShowRemoveModal] = useState(false);
+  const [showAddModal, setShowAddModal] = useState<boolean>(false);
+  const [showEditModal, setShowEditModal] = useState<boolean>(false);
+  const [showRemoveModal, setShowRemoveModal] = useState<boolean>(false);
 
   // Hooks to manage characters.
   const playCharacter = usePlayCharacter();

electron/renderer/components/sidebar/sidebar-item.tsx

@@ -27,8 +27,8 @@ export const SidebarItem: React.FC<SidebarItemProps> = (
 ): ReactNode => {
   const { label, iconType, iconColor, iconSize, popoverContent } = props;
 
-  const [showTooltip, setShowTooltip] = useState(true);
-  const [showPopover, setShowPopover] = useState(false);
+  const [showTooltip, setShowTooltip] = useState<boolean>(true);
+  const [showPopover, setShowPopover] = useState<boolean>(false);
 
   const onClosePopover = useCallback(() => {
     setShowTooltip(true);

electron/renderer/components/sidebar/sidebar.tsx

@@ -10,9 +10,9 @@ import { SidebarItemSettings } from './settings/sidebar-item-settings.jsx';
 import { SidebarItem } from './sidebar-item.jsx';
 
 export const Sidebar: React.FC = (): ReactNode => {
-  const [showCharacters, setShowCharacters] = useState(false);
-  const [showAccounts, setShowAccounts] = useState(false);
-  const [showSettings, setShowSettings] = useState(false);
+  const [showCharacters, setShowCharacters] = useState<boolean>(false);
+  const [showAccounts, setShowAccounts] = useState<boolean>(false);
+  const [showSettings, setShowSettings] = useState<boolean>(false);
 
   const closeSidebar = useCallback(() => {
     setShowCharacters(false);

electron/renderer/context/theme.tsx

@@ -31,7 +31,7 @@ export const ThemeProvider: React.FC<ThemeProviderProps> = (
 ) => {
   const { children } = props;
 
-  const [colorMode, setColorMode] = useState(getThemeName());
+  const [colorMode, setColorMode] = useState<EuiThemeColorMode>(getThemeName());
 
   // On initial mount in the browser, load user's theme preference.
   useEffect(() => {