feat: add start decorator to inputs

yourselfhosted · Sep 18, 2024 · 4dcf352 · 4dcf352
1 parent cb286d8
commit 4dcf352
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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}
             />