iod/page-assist
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add SaveButton component to CurrentChatModelSettings

Browse Source
This commit is contained in:
n4ze3m 2024-12-01 17:57:09 +05:30
parent 379ba6996d
commit d45b279348
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/Common/Settings/CurrentChatModelSettings.tsx
View File

@ -17,6 +17,7 @@ import {
} from "antd" } from "antd"
import React, { useState, useCallback } from "react" import React, { useState, useCallback } from "react"
import { useTranslation } from "react-i18next" import { useTranslation } from "react-i18next"
import { SaveButton } from "../SaveButton"
type Props = { type Props = {
open: boolean open: boolean
@ -34,17 +35,23 @@ export const CurrentChatModelSettings = ({
const cUserSettings = useStoreChatModelSettings() const cUserSettings = useStoreChatModelSettings()
const { selectedSystemPrompt } = useMessageOption() const { selectedSystemPrompt } = useMessageOption()
const savePrompt = useCallback((value: string) => { const savePrompt = useCallback(
cUserSettings.setX('systemPrompt', value) (value: string) => {
}, [cUserSettings]) cUserSettings.setX("systemPrompt", value)
},
[cUserSettings]
)
const saveSettings = useCallback((values: any) => { const saveSettings = useCallback(
Object.entries(values).forEach(([key, value]) => { (values: any) => {
if (key !== 'systemPrompt') { Object.entries(values).forEach(([key, value]) => {
cUserSettings.setX(key, value) if (key !== "systemPrompt") {
} cUserSettings.setX(key, value)
}) }
}, [cUserSettings]) })
},
[cUserSettings]
)
const { isPending: isLoading } = useQuery({ const { isPending: isLoading } = useQuery({
queryKey: ["fetchModelConfig2", open], queryKey: ["fetchModelConfig2", open],
@ -202,12 +209,7 @@ export const CurrentChatModelSettings = ({
} }
]} ]}
/> />
<Button <SaveButton className="w-full text-center inline-flex items-center justify-center" btnType="submit" />
type="primary"
htmlType="submit"
className="inline-flex justify-center w-full text-center mt-3 items-center rounded-md border border-transparent bg-black px-2 py-2 text-sm font-medium leading-4 text-white shadow-sm hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:bg-white dark:text-gray-800 dark:hover:bg-gray-100 dark:focus:ring-gray-500 dark:focus:ring-offset-gray-100 disabled:opacity-50 ">
{t("save")}
</Button>
</Form> </Form>
) : ( ) : (
<Skeleton active /> <Skeleton active />
@ -223,8 +225,7 @@ export const CurrentChatModelSettings = ({
open={open} open={open}
onClose={() => setOpen(false)} onClose={() => setOpen(false)}
width={500} width={500}
title={t("currentChatModelSettings")} title={t("currentChatModelSettings")}>
>
{renderBody()} {renderBody()}
</Drawer> </Drawer>
) )
@ -236,8 +237,7 @@ export const CurrentChatModelSettings = ({
open={open} open={open}
onOk={() => setOpen(false)} onOk={() => setOpen(false)}
onCancel={() => setOpen(false)} onCancel={() => setOpen(false)}
footer={null} footer={null}>
>
{renderBody()} {renderBody()}
</Modal> </Modal>
) )