aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-04-20 14:01:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: add visibility selector in create shortcut dialog

Browse Source
This commit is contained in:
Steven 2022-09-13 09:00:54 +08:00
parent 20651d21e1
commit 90639322b7
1 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
web/src/components/CreateShortcutDialog.tsx
View File

@ -14,6 +14,7 @@ const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
const { destroy, workspaceId, shortcutId } = props; const { destroy, workspaceId, shortcutId } = props;
const [name, setName] = useState<string>(""); const [name, setName] = useState<string>("");
const [link, setLink] = useState<string>(""); const [link, setLink] = useState<string>("");
const [visibility, setVisibility] = useState<Visibility>("PRIVATE");
const requestState = useLoading(false); const requestState = useLoading(false);
useEffect(() => { useEffect(() => {
@ -36,6 +37,11 @@ const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
setLink(text); setLink(text);
}; };
const handleVisibilityInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
const text = e.target.value as string;
setVisibility(text as Visibility);
};
const handleSaveBtnClick = async () => { const handleSaveBtnClick = async () => {
if (!name) { if (!name) {
toastHelper.error("Name is required"); toastHelper.error("Name is required");
@ -81,6 +87,33 @@ const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
<span className="mb-2">Link</span> <span className="mb-2">Link</span>
<input className="w-full rounded border px-2 py-2" type="text" value={link} onChange={handleLinkInputChange} /> <input className="w-full rounded border px-2 py-2" type="text" value={link} onChange={handleLinkInputChange} />
</div> </div>
<div className="w-full flex flex-col justify-start items-start mb-3">
<span className="mb-2">Visibility</span>
<div className="w-full flex flex-row justify-start items-center text-base">
<input
type="radio"
name="visibility"
id="visibility-private"
value="PRIVATE"
onChange={handleVisibilityInputChange}
checked={visibility === "PRIVATE"}
/>
<label htmlFor="visibility-private" className="ml-1 mr-4">
Only for myself
</label>
<input
type="radio"
name="visibility"
id="visibility-workspace"
value="WORKSPACE"
onChange={handleVisibilityInputChange}
checked={visibility === "WORKSPACE"}
/>
<label htmlFor="visibility-workspace" className="ml-1">
Public in workspace
</label>
</div>
</div>
<div className="w-full flex flex-row justify-end items-center"> <div className="w-full flex flex-row justify-end items-center">
<button <button
className={`border rounded px-3 py-2 border-green-600 bg-green-600 text-white hover:bg-green-700 ${ className={`border rounded px-3 py-2 border-green-600 bg-green-600 text-white hover:bg-green-700 ${