opensource/sqlchat
1
0
Fork 0
mirror of https://github.com/sqlchat/sqlchat.git synced 2025-09-27 10:06:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement Dialog kit component

Browse Source
This commit is contained in:
Steven
2023-04-11 23:07:18 +08:00
parent 42a4194d10
commit bcd7bece81
10 changed files with 308 additions and 289 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/ConnectionSidebar.tsx
View File

@ -1,7 +1,6 @@
import { Drawer } from "@mui/material";
import { head } from "lodash-es";
import { useEffect, useState } from "react";
import { createPortal } from "react-dom";
import { useTranslation } from "react-i18next";
import { useConversationStore, useConnectionStore, useLayoutStore, ResponsiveWidth } from "@/store";
import { Conversation, Connection } from "@/types";
@ -290,26 +289,18 @@ const ConnectionSidebar = () => {
</div>
</Drawer>
{createPortal(
<CreateConnectionModal
show={state.showCreateConnectionModal}
connection={editConnectionModalContext}
close={() => toggleCreateConnectionModal(false)}
/>,
document.body
{state.showCreateConnectionModal && (
<CreateConnectionModal connection={editConnectionModalContext} close={() => toggleCreateConnectionModal(false)} />
)}
{createPortal(<SettingModal show={state.showSettingModal} close={() => toggleSettingModal(false)} />, document.body)}
{state.showSettingModal && <SettingModal close={() => toggleSettingModal(false)} />}
{state.showEditConversationTitleModal &&
editConversationTitleModalContext &&
createPortal(
<EditConversationTitleModal
close={() => toggleEditConversationTitleModal(false)}
conversation={editConversationTitleModalContext}
/>,
document.body
)}
{state.showEditConversationTitleModal && editConversationTitleModalContext && (
<EditConversationTitleModal
close={() => toggleEditConversationTitleModal(false)}
conversation={editConversationTitleModalContext}
/>
)}
</>
);
};