Add preset mutation

client/src/App.jsx

@@ -6,7 +6,7 @@ import Search from './routes/Search';
 import store from './store';
 import { useRecoilState, useSetRecoilState } from 'recoil';
 import { ScreenshotProvider } from './utils/screenshotContext.jsx';
-import { useGetSearchEnabledQuery, useGetUserQuery, useGetModelsQuery, useGetEndpointsQuery, useGetPresetsQuery} from '~/data-provider';
+import { useGetSearchEnabledQuery, useGetUserQuery, useGetEndpointsQuery, useGetPresetsQuery} from '~/data-provider';
 
 const router = createBrowserRouter([
   {
@@ -42,7 +42,6 @@ const App = () => {
 
   const searchEnabledQuery = useGetSearchEnabledQuery();
   const userQuery = useGetUserQuery();
-  const modelsQuery = useGetModelsQuery();
   const endpointsQuery = useGetEndpointsQuery();
   const presetsQuery = useGetPresetsQuery();
 
@@ -78,22 +77,6 @@ const App = () => {
     }
   }, [userQuery.data, setUser, userQuery.error]);
 
-  useEffect(() => {
-    const { data, error } = modelsQuery;
-    if (error) {
-      console.error("Failed to get models", error);
-    }
-    if (data) {
-      const filter = {
-        chatgpt: data?.hasOpenAI,
-        chatgptCustom: data?.hasOpenAI,
-        bingai: data?.hasBing,
-        sydney: data?.hasBing,
-        chatgptBrowser: data?.hasChatGpt
-      };
-      setModelsFilter(filter);
-    }
-  }, [modelsQuery.data, setModelsFilter, modelsQuery.error, modelsQuery]);
 
   if (user)
     return (

client/src/components/Conversations/Conversation.jsx

@@ -23,8 +23,6 @@ export default function Conversation({ conversation, retainView }) {
 
   const [titleInput, setTitleInput] = useState(title);
 
-   const rename = manualSWR(`/api/convos/update`, 'post');
-
   const clickHandler = async () => {
     if (currentConversation?.conversationId === conversationId) {
       return;

client/src/components/Endpoints/SaveAsPresetDialog.jsx

@@ -1,19 +1,18 @@
-import React, { useEffect, useState } from 'react';
-import { useSetRecoilState, useRecoilValue } from 'recoil';
-import axios from 'axios';
+import { useEffect, useState } from 'react';
+import { useRecoilValue } from 'recoil';
 import DialogTemplate from '../ui/DialogTemplate';
 import { Dialog } from '../ui/Dialog.tsx';
 import { Input } from '../ui/Input.tsx';
 import { Label } from '../ui/Label.tsx';
 import { cn } from '~/utils/';
 import cleanupPreset from '~/utils/cleanupPreset';
-
+import { useCreatePresetMutation } from '~/data-provider';
 import store from '~/store';
 
 const SaveAsPresetDialog = ({ open, onOpenChange, preset }) => {
   const [title, setTitle] = useState(preset?.title || 'My Preset');
-  const setPresets = useSetRecoilState(store.presets);
   const endpointsFilter = useRecoilValue(store.endpointsFilter);
+  const createPresetMutation = useCreatePresetMutation();
 
   const defaultTextProps =
     'rounded-md border border-gray-300 bg-transparent text-sm shadow-[0_0_10px_rgba(0,0,0,0.10)] outline-none placeholder:text-gray-400 focus:outline-none focus:ring-gray-400 focus:ring-opacity-20 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-400 dark:bg-gray-700 dark:text-gray-50 dark:shadow-[0_0_15px_rgba(0,0,0,0.10)] dark:focus:border-gray-400 dark:focus:outline-none dark:focus:ring-0 dark:focus:ring-gray-400 dark:focus:ring-offset-0';
@@ -26,15 +25,7 @@ const SaveAsPresetDialog = ({ open, onOpenChange, preset }) => {
       },
       endpointsFilter
     });
-
-    axios({
-      method: 'post',
-      url: '/api/presets',
-      data: _preset,
-      withCredentials: true
-    }).then(res => {
-      setPresets(res?.data);
-    });
+    createPresetMutation.mutate(_preset);
   };
 
   useEffect(() => {