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

chore: add discord channel link (#5)

Browse Source
This commit is contained in:
boojack
2023-03-29 10:21:45 +08:00
committed by GitHub
parent c645f13e12
commit cc0e0b33ff
3 changed files with 24 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/ConnectionSidebar.tsx
View File

@ -133,7 +133,7 @@ const ConnectionSidebar = () => {
<>
<aside className="drawer-side">
<label htmlFor="connection-drawer" className="drawer-overlay"></label>
<div className="w-80 h-full border-r flex flex-row justify-start items-start">
<div className="w-80 h-full overflow-y-hidden border-r flex flex-row justify-start items-start">
<div className="w-16 h-full bg-gray-200 pl-2 py-4 pt-6 flex flex-col justify-between items-center">
<div className="w-full flex flex-col justify-start items-start">
<button
@ -180,9 +180,9 @@ const ConnectionSidebar = () => {
</button>
</div>
</div>
<div className="p-4 w-64 h-full overflow-y-auto bg-gray-100">
<img className="px-4" src="/chat-logo.webp" alt="" />
<div className={`${databaseList.length > 0 && "pt-2"}`}>
<div className="relative p-4 pb-0 w-64 h-full overflow-y-auto flex flex-col justify-start items-start bg-gray-100">
<img className="px-4 shrink-0" src="/chat-logo.webp" alt="" />
<div className={`${databaseList.length > 0 && "pt-2"} grow w-full`}>
{databaseList.length > 0 && (
<div className="w-full sticky top-0 bg-gray-100 z-1 mb-4">
<p className="text-sm leading-6 mb-1 text-gray-500">Select your database:</p>
@ -239,6 +239,16 @@ const ConnectionSidebar = () => {
New Chat
</button>
</div>
<div className="sticky bottom-0 w-full flex justify-center bg-gray-100 backdrop-blur bg-opacity-60 pb-4 py-2">
<a
href="https://discord.com/invite/huyw7gRsyA"
className="text-indigo-600 text-sm font-medium flex flex-row justify-center items-center hover:underline"
target="_blank"
>
<Icon.BsDiscord className="w-4 h-auto mr-1" />
Join Discord Channel
</a>
</div>
</div>
</div>
</aside>

8
components/SettingModal.tsx
View File

@ -34,6 +34,14 @@ const SettingModal = (props: Props) => {
<Icon.IoMdClose className="w-5 h-auto" />
</button>
<div className="w-full flex flex-col justify-start items-start space-y-3 pt-4">
<a
href="https://discord.com/invite/huyw7gRsyA"
className="w-auto px-4 py-2 rounded-full bg-indigo-600 text-white text-sm font-medium flex flex-row justify-center items-center hover:underline hover:shadow"
target="_blank"
>
<Icon.BsDiscord className="w-4 h-auto mr-1" />
Join Discord Channel
</a>
<h3>Danger Zone</h3>
<div className="w-full border border-red-200 p-4 rounded-lg">
<div className="w-full flex flex-row justify-between items-center gap-2">

3
pages/index.tsx
View File

@ -58,8 +58,9 @@ const ChatPage: NextPage = () => {
checked={layoutStore.showSidebar}
onChange={(e) => layoutStore.toggleSidebar(e.target.checked)}
/>
<ConnectionSidebar />
<ChatView />
{/* Render sidebar after chatview to prevent z-index problem */}
<ConnectionSidebar />
<QueryDrawer />
</main>