chore(ui): delete unused files

invokeai/frontend/web/src/features/system/components/SettingsModal/ResetWebUIButton.tsx

@@ -1,82 +0,0 @@
-import {
-  Flex,
-  Modal,
-  ModalBody,
-  ModalContent,
-  ModalFooter,
-  ModalHeader,
-  ModalOverlay,
-  Text,
-  useDisclosure,
-} from '@chakra-ui/react';
-import { LOCALSTORAGE_KEYS, LOCALSTORAGE_PREFIX } from 'app/store/constants';
-import IAIButton from 'common/components/IAIButton';
-import { memo, useCallback, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-
-type Props = {
-  onSettingsModalClose: () => void;
-};
-
-const ResetWebUIButton = ({ onSettingsModalClose }: Props) => {
-  const { t } = useTranslation();
-  const [countdown, setCountdown] = useState(5);
-
-  const {
-    isOpen: isRefreshModalOpen,
-    onOpen: onRefreshModalOpen,
-    onClose: onRefreshModalClose,
-  } = useDisclosure();
-
-  const handleClickResetWebUI = useCallback(() => {
-    // Only remove our keys
-    Object.keys(window.localStorage).forEach((key) => {
-      if (
-        LOCALSTORAGE_KEYS.includes(key) ||
-        key.startsWith(LOCALSTORAGE_PREFIX)
-      ) {
-        localStorage.removeItem(key);
-      }
-    });
-    onSettingsModalClose();
-    onRefreshModalOpen();
-    setInterval(() => setCountdown((prev) => prev - 1), 1000);
-  }, [onSettingsModalClose, onRefreshModalOpen]);
-
-  useEffect(() => {
-    if (countdown <= 0) {
-      window.location.reload();
-    }
-  }, [countdown]);
-
-  return (
-    <>
-      <IAIButton colorScheme="error" onClick={handleClickResetWebUI}>
-        {t('settings.resetWebUI')}
-      </IAIButton>
-      <Modal
-        closeOnOverlayClick={false}
-        isOpen={isRefreshModalOpen}
-        onClose={onRefreshModalClose}
-        isCentered
-        closeOnEsc={false}
-      >
-        <ModalOverlay backdropFilter="blur(40px)" />
-        <ModalContent>
-          <ModalHeader />
-          <ModalBody>
-            <Flex justifyContent="center">
-              <Text fontSize="lg">
-                <Text>{t('settings.resetComplete')}</Text>
-                <Text>Reloading in {countdown}...</Text>
-              </Text>
-            </Flex>
-          </ModalBody>
-          <ModalFooter />
-        </ModalContent>
-      </Modal>
-    </>
-  );
-};
-
-export default memo(ResetWebUIButton);

invokeai/frontend/web/src/features/system/store/actions.ts

@@ -1,3 +0,0 @@
-import { createAction } from '@reduxjs/toolkit';
-
-export const sessionReadyToInvoke = createAction('system/sessionReadyToInvoke');

invokeai/frontend/web/src/features/system/store/sessionSlice.ts

@@ -1,62 +0,0 @@
-// TODO: split system slice inot this
-
-// import type { PayloadAction } from '@reduxjs/toolkit';
-// import { createSlice } from '@reduxjs/toolkit';
-// import { socketSubscribed, socketUnsubscribed } from 'services/events/actions';
-
-// export type SessionState = {
-//   /**
-//    * The current socket session id
-//    */
-//   sessionId: string;
-//   /**
-//    * Whether the current session is a canvas session. Needed to manage the staging area.
-//    */
-//   isCanvasSession: boolean;
-//   /**
-//    * When a session is canceled, its ID is stored here until a new session is created.
-//    */
-//   canceledSessionId: string;
-// };
-
-// export const initialSessionState: SessionState = {
-//   sessionId: '',
-//   isCanvasSession: false,
-//   canceledSessionId: '',
-// };
-
-// export const sessionSlice = createSlice({
-//   name: 'session',
-//   initialState: initialSessionState,
-//   reducers: {
-//     sessionIdChanged: (state, action: PayloadAction<string>) => {
-//       state.sessionId = action.payload;
-//     },
-//     isCanvasSessionChanged: (state, action: PayloadAction<boolean>) => {
-//       state.isCanvasSession = action.payload;
-//     },
-//   },
-//   extraReducers: (builder) => {
-//     /**
-//      * Socket Subscribed
-//      */
-//     builder.addCase(socketSubscribed, (state, action) => {
-//       state.sessionId = action.payload.sessionId;
-//       state.canceledSessionId = '';
-//     });
-
-//     /**
-//      * Socket Unsubscribed
-//      */
-//     builder.addCase(socketUnsubscribed, (state) => {
-//       state.sessionId = '';
-//     });
-//   },
-// });
-
-// export const { sessionIdChanged, isCanvasSessionChanged } =
-//   sessionSlice.actions;
-
-// export default sessionSlice.reducer;
-
-export default {};