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

chore: add tag input

Browse Source
This commit is contained in:
Steven 2024-03-06 00:22:39 +08:00
parent 7c16b1e00f
commit 47821879fa
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/extension/src/components/CreateShortcutButton.tsx
View File

@ -22,6 +22,7 @@ const CreateShortcutButton = () => {
title: "",
link: "",
});
const [tag, setTag] = useState<string>("");
const [isLoading, setIsLoading] = useState(false);
const [showModal, setShowModal] = useState(false);
@ -83,6 +84,11 @@ const CreateShortcutButton = () => {
}));
};
const handleTagsInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
const text = e.target.value as string;
setTag(text);
};
const handleSaveBtnClick = async () => {
if (isLoading) {
return;
@ -94,6 +100,7 @@ const CreateShortcutButton = () => {
setIsLoading(true);
try {
const tags = tag.split(" ").filter(Boolean);
await shortcutStore.createShortcut(
instanceUrl,
accessToken,
@ -102,6 +109,7 @@ const CreateShortcutButton = () => {
title: state.title,
link: state.link,
visibility: Visibility.PUBLIC,
tags,
})
);
toast.success("Shortcut created successfully");
@ -157,6 +165,10 @@ const CreateShortcutButton = () => {
onChange={handleLinkInputChange}
/>
</div>
<div className="w-full flex flex-row justify-start items-center mb-2">
<span className="block w-12 mr-2 shrink-0">Tags</span>
<Input className="grow" type="text" placeholder="The tags of shortcut" value={tag} onChange={handleTagsInputChange} />
</div>
<div className="w-full flex flex-row justify-end items-center mt-2 space-x-2">
<Button color="neutral" variant="plain" onClick={() => setShowModal(false)}>