leyoda/rqbit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Copy playlist to clipboard, native UI (not alert)

Browse source
This commit is contained in:
Igor Katson 2024-08-08 09:56:16 +01:00
parent e485844d86
commit 65e4f1b0a6
No known key found for this signature in database
GPG key ID: B4EC22B66D61A3F5
9 changed files with 135 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

33
crates/librqbit/webui/src/components/modal/AlertModal.tsx Normal file
View file

@ -0,0 +1,33 @@
import { ErrorWithLabel } from "../../rqbit-web";
import { useErrorStore } from "../../stores/errorStore";
import { Button } from "../buttons/Button";
import { Modal } from "./Modal";
import { ModalBody } from "./ModalBody";
import { ModalFooter } from "./ModalFooter";
export const AlertModal: React.FC<{}> = () => {
let alert = useErrorStore((store) => store.alert);
let removeAlert = useErrorStore((store) => store.removeAlert);
if (alert) {
return (
<Modal isOpen={true} onClose={removeAlert} title={alert.text}>
<ModalBody>
{alert.details?.statusText && (
<div className="pb-2 text-md">{alert.details?.statusText}</div>
)}
<div className="whitespace-pre-wrap text-sm">
{alert.details?.text}
</div>
</ModalBody>
<ModalFooter>
<Button variant="cancel" onClick={removeAlert}>
Close
</Button>
</ModalFooter>
</Modal>
);
} else {
return <></>;
}
};