From 4dcf35289696a6fdb33b2e3bf5e17c5d52f4831e Mon Sep 17 00:00:00 2001
From: johnnyjoy <yourselfhosted@gmail.com>
Date: Wed, 18 Sep 2024 20:22:43 +0800
Subject: [PATCH] feat: add start decorator to inputs

---
 frontend/web/src/components/CreateCollectionDrawer.tsx | 5 +++--
 frontend/web/src/components/CreateShortcutDrawer.tsx   | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/web/src/components/CreateCollectionDrawer.tsx b/frontend/web/src/components/CreateCollectionDrawer.tsx
index ce9a8ba..6b3a74a 100644
--- a/frontend/web/src/components/CreateCollectionDrawer.tsx
+++ b/frontend/web/src/components/CreateCollectionDrawer.tsx
@@ -169,7 +169,8 @@ const CreateCollectionDrawer: React.FC<Props> = (props: Props) => {
             <Input
               className="w-full"
               type="text"
-              placeholder="The memorable name of the collection"
+              startDecorator="c/"
+              placeholder="An easy name to remember"
               value={state.collectionCreate.name}
               onChange={handleNameInputChange}
             />
@@ -182,7 +183,7 @@ const CreateCollectionDrawer: React.FC<Props> = (props: Props) => {
               <Input
                 className="w-full"
                 type="text"
-                placeholder="A short title to describe your collection"
+                placeholder="A short title of your collection"
                 value={state.collectionCreate.title}
                 onChange={handleTitleInputChange}
               />
diff --git a/frontend/web/src/components/CreateShortcutDrawer.tsx b/frontend/web/src/components/CreateShortcutDrawer.tsx
index 28f82b4..97f7d81 100644
--- a/frontend/web/src/components/CreateShortcutDrawer.tsx
+++ b/frontend/web/src/components/CreateShortcutDrawer.tsx
@@ -213,7 +213,8 @@ const CreateShortcutDrawer: React.FC<Props> = (props: Props) => {
             <Input
               className="w-full"
               type="text"
-              placeholder="The memorable name of the shortcut"
+              startDecorator="s/"
+              placeholder="An easy name to remember"
               value={state.shortcutCreate.name}
               onChange={handleNameInputChange}
             />