From ced63ab6d16e83c9455b849c59077a263e9b322f Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Wed, 22 Nov 2023 14:25:43 +0200
Subject: [PATCH] new note text in sidebar btn

---
 .../src/Element/Event/NoteCreatorButton.tsx    | 18 ++++++++++++++++--
 packages/app/src/Pages/Layout/NavSidebar.tsx   |  2 +-
 packages/app/src/lang.json                     |  3 +++
 packages/app/src/translations/en.json          |  1 +
 4 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/Element/Event/NoteCreatorButton.tsx b/packages/app/src/Element/Event/NoteCreatorButton.tsx
index f044ae03..107bf543 100644
--- a/packages/app/src/Element/Event/NoteCreatorButton.tsx
+++ b/packages/app/src/Element/Event/NoteCreatorButton.tsx
@@ -9,8 +9,17 @@ import useLogin from "@/Hooks/useLogin";
 import Icon from "@/Icons/Icon";
 import { useNoteCreator } from "@/State/NoteCreator";
 import { NoteCreator } from "./NoteCreator";
+import { FormattedMessage } from "react-intl";
 
-export const NoteCreatorButton = ({ className, alwaysShow }: { className?: string; alwaysShow?: boolean }) => {
+export const NoteCreatorButton = ({
+  className,
+  alwaysShow,
+  showText,
+}: {
+  className?: string;
+  alwaysShow?: boolean;
+  showText?: boolean;
+}) => {
   const buttonRef = useRef<HTMLButtonElement>(null);
   const location = useLocation();
   const { readonly } = useLogin(s => ({ readonly: s.readonly }));
@@ -51,7 +60,7 @@ export const NoteCreatorButton = ({ className, alwaysShow }: { className?: strin
       {!shouldHideNoteCreator && (
         <button
           ref={buttonRef}
-          className={classNames("primary circle", className)}
+          className={classNames("flex flex-row items-center primary rounded-full", { "circle": !showText }, className)}
           onClick={() =>
             update(v => {
               v.replyTo = undefined;
@@ -59,6 +68,11 @@ export const NoteCreatorButton = ({ className, alwaysShow }: { className?: strin
             })
           }>
           <Icon name="plus" size={16} />
+          {showText && (
+            <span className="ml-2 hidden xl:inline">
+              <FormattedMessage defaultMessage="New Note" id="2mcwT8" />
+            </span>
+          )}
         </button>
       )}
       <NoteCreator key="global-note-creator" />
diff --git a/packages/app/src/Pages/Layout/NavSidebar.tsx b/packages/app/src/Pages/Layout/NavSidebar.tsx
index cb1ecbc5..001c551c 100644
--- a/packages/app/src/Pages/Layout/NavSidebar.tsx
+++ b/packages/app/src/Pages/Layout/NavSidebar.tsx
@@ -64,7 +64,7 @@ export default function NavSidebar() {
           })}
           {publicKey ? (
             <div className="mt-2">
-              <NoteCreatorButton alwaysShow={true} />
+              <NoteCreatorButton alwaysShow={true} showText={true} />
             </div>
           ) : (
             <div className="mt-2">
diff --git a/packages/app/src/lang.json b/packages/app/src/lang.json
index 9bda7c2a..c01b4437 100644
--- a/packages/app/src/lang.json
+++ b/packages/app/src/lang.json
@@ -129,6 +129,9 @@
   "2k0Cv+": {
     "defaultMessage": "Dislikes ({n})"
   },
+  "2mcwT8": {
+    "defaultMessage": "New Note"
+  },
   "2ukA4d": {
     "defaultMessage": "{n} hours"
   },
diff --git a/packages/app/src/translations/en.json b/packages/app/src/translations/en.json
index ae58caaf..13e79805 100644
--- a/packages/app/src/translations/en.json
+++ b/packages/app/src/translations/en.json
@@ -42,6 +42,7 @@
   "2O2sfp": "Finish",
   "2a2YiP": "{n} Bookmarks",
   "2k0Cv+": "Dislikes ({n})",
+  "2mcwT8": "New Note",
   "2ukA4d": "{n} hours",
   "2zJXeA": "Profiles",
   "39AHJm": "Sign Up",