ui(web): Make the editor card a little bit more obvious

1 files changed, 4 insertions, 2 deletions

diff --git a/apps/web/components/dashboard/bookmarks/EditorCard.tsx b/apps/web/components/dashboard/bookmarks/EditorCard.tsx
index 44c5889b..dfcf1f6c 100644
--- a/apps/web/components/dashboard/bookmarks/EditorCard.tsx
+++ b/apps/web/components/dashboard/bookmarks/EditorCard.tsx
@@ -59,6 +59,8 @@ export default function EditorCard({ className }: { className?: string }) {
         )}
         onSubmit={form.handleSubmit(onSubmit, onError)}
       >
+        <p className="text-sm">NEW ITEM</p>
+        <hr />
         <FormField
           control={form.control}
           name="text"
@@ -84,8 +86,8 @@ export default function EditorCard({ className }: { className?: string }) {
             );
           }}
         />
-        <ActionButton loading={isPending} type="submit" variant="ghost">
-          Save
+        <ActionButton loading={isPending} type="submit" variant="default">
+          {form.formState.dirtyFields.text ? "Press ⌘ + Enter to Save" : "Save"}
         </ActionButton>
       </form>
     </Form>