fix: option handling

Fix initialization of global state from localStorage.

src/chat/Chat.jsx → src/chat/Chat.tsx

@@ -13,7 +13,7 @@ import './style.less'
 
 export default function Chat() {
   const { is } = useGlobal()
-  const chatStyle = is.fullScreen ? styles.full : styles.normal
+  const chatStyle = is?.fullScreen ? styles.full : styles.normal
   const onSearch = (e) => {
     console.log(e)
   }
@@ -22,16 +22,16 @@ export default function Chat() {
       <div className={styles.chat_inner}>
         <ChatSideBar />
         {
-          is.config ?
+          is?.config ?
             <ChatOptions /> :
             <React.Fragment>
               {
-                is.sidebar && <div className={styles.sider}>
+                is?.sidebar && <div className={styles.sider}>
                   <div className={styles.search}>
                     <Search onSearch={onSearch} />
                   </div>
                   <ScrollView>
-                    {is.apps ? <Apps /> : <ChatList />}
+                    {is?.apps ? <Apps /> : <ChatList />}
                   </ScrollView>
                 </div>
               }

src/chat/context/action.ts

@@ -3,7 +3,25 @@ import i18next, { t, use } from "i18next";
 import { useApps } from "../apps/context";
 import { AccountOptions, GeneralOptions, GlobalState, OpenAIOptions, Options, OptionAction } from ".";
 
-export default function action(state, dispatch) {
+export type GlobalAction = {
+  setState: (payload: Partial<GlobalState>) => void;
+  clearTypeing: () => void;
+  sendMessage: () => void;
+  setApp: (app: any) => void;
+  newChat: (app: any) => void;
+  modifyChat: (arg: any, index: number) => void;
+  editChat: (index: number, title: string) => void;
+  removeChat: (index: number) => void;
+  setMessage: (content: string) => void;
+  clearMessage: () => void;
+  removeMessage: (id: number) => void;
+  setOptions: (arg: OptionAction) => void;
+  setIs: (arg: any) => void;
+  currentList: () => any;
+  stopResonse: () => void;
+};
+
+export default function action(state, dispatch): GlobalAction {
   const setState = (payload = {}) =>
     dispatch({
       type: "SET_STATE",

src/chat/context/index.tsx

@@ -91,7 +91,7 @@ export const ChatContext = createContext(null);
 export const MessagesContext = createContext<Dispatch<GlobalAction> | null>(null);
 
 export const ChatProvider = ({ children }) => {
-  const init = JSON.parse(localStorage.getItem("SESSIONS") || "") || initState;
+  const init: GlobalState = JSON.parse(localStorage.getItem("SESSIONS")) || initState;
   const [state, dispatch] = useReducer(reducer, init);
   const actionList = action(state, dispatch);
   const latestState = useRef(state);
@@ -101,7 +101,7 @@ export const ChatProvider = ({ children }) => {
   }, [state]);
 
   useEffect(() => {
-    const savedState = JSON.parse(localStorage.getItem("SESSIONS") || "");
+    const savedState = JSON.parse(localStorage.getItem("SESSIONS"));
     if (savedState) {
       dispatch({ type: GlobalActionType.SET_STATE, payload: savedState });
     }
@@ -130,7 +130,7 @@ export const ChatProvider = ({ children }) => {
   );
 };
 
-export const useGlobal = () => useContext(ChatContext);
+export const useGlobal = () => useContext<GlobalAction & GlobalState>(ChatContext);
 export const useMessages = () => useContext(MessagesContext);
 
 

src/chat/hooks/useOptions.js

@@ -3,7 +3,7 @@ import { useGlobal } from "../context";
 
 export function useOptions() {
   const { options, setOptions } = useGlobal();
-  const { size, theme } = options.general;
+  const { size, theme } = options?.general;
   useEffect(() => {
     const body = document.querySelector("html");
     body.classList = [];