michael/merlyn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor UI patches (#3784)

Browse Source
This commit is contained in:
Timothy Carambat 2025-05-08 09:30:54 -07:00 committed by GitHub
parent f40559b180
commit 881eadfa70
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 26 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/components/Modals/NewWorkspace.jsx
View File

@ -62,6 +62,7 @@ export default function NewWorkspaceModal({ hideModal = noop }) {
placeholder={t("new-workspace.placeholder")} placeholder={t("new-workspace.placeholder")}
required={true} required={true}
autoComplete="off" autoComplete="off"
autoFocus={true}
/> />
</div> </div>
{error && ( {error && (

41
frontend/src/components/WorkspaceChat/index.jsx
View File

@ -6,6 +6,7 @@ import paths from "@/utils/paths";
import ModalWrapper from "../ModalWrapper"; import ModalWrapper from "../ModalWrapper";
import { useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
import { DnDFileUploaderProvider } from "./ChatContainer/DnDWrapper"; import { DnDFileUploaderProvider } from "./ChatContainer/DnDWrapper";
import { WarningCircle } from "@phosphor-icons/react";
import { import {
TTSProvider, TTSProvider,
useWatchForAutoPlayAssistantTTSResponse, useWatchForAutoPlayAssistantTTSResponse,
@ -41,24 +42,32 @@ export default function WorkspaceChat({ loading, workspace }) {
<> <>
{loading === false && !workspace && ( {loading === false && !workspace && (
<ModalWrapper isOpen={true}> <ModalWrapper isOpen={true}>
<div className="relative w-full max-w-2xl bg-theme-bg-secondary rounded-lg shadow border-2 border-theme-modal-border"> <div className="w-full max-w-2xl bg-theme-bg-secondary rounded-lg shadow border-2 border-theme-modal-border overflow-hidden">
<div className="flex flex-col gap-y-4 w-full p-6 text-center"> <div className="relative p-6 border-b rounded-t border-theme-modal-border">
<p className="font-semibold text-red-500 text-xl"> <div className="w-full flex gap-x-2 items-center">
Workspace not found! <WarningCircle
</p> className="text-red-500 w-6 h-6"
<p className="text-sm mt-4 text-white"> weight="fill"
It looks like a workspace by this name is not available. />
</p> <h3 className="text-xl font-semibold text-red-500 overflow-hidden overflow-ellipsis whitespace-nowrap">
Workspace not found
<div className="flex w-full justify-center items-center mt-4"> </h3>
<a
href={paths.home()}
className="transition-all duration-300 bg-white text-black hover:opacity-60 px-4 py-2 rounded-lg text-sm flex items-center gap-x-2"
>
Go back to homepage
</a>
</div> </div>
</div> </div>
<div className="py-7 px-9 space-y-2 flex-col">
<p className="text-white text-sm">
The workspace you're looking for is not available. It may have
been deleted or you may not have access to it.
</p>
</div>
<div className="flex w-full justify-end items-center p-6 space-x-2 border-t border-theme-modal-border rounded-b">
<a
href={paths.home()}
className="transition-all duration-300 bg-white text-black hover:opacity-60 px-4 py-2 rounded-lg text-sm"
>
Return to homepage
</a>
</div>
</div> </div>
</ModalWrapper> </ModalWrapper>
)} )}