update notification screen

src/shared/composer/composer.tsx

@@ -111,7 +111,7 @@ export function Composer() {
       await publish({ content: serializedContent, kind: 1, tags });
 
       // send native notifiation
-      await sendNativeNotification('Publish postr successfully');
+      await sendNativeNotification('Publish post successfully');
 
       // update state
       setStatus('done');
@@ -166,7 +166,7 @@ export function Composer() {
           {status === 'loading' ? (
             <LoaderIcon className="h-4 w-4 animate-spin text-white" />
           ) : (
-            'Postr'
+            'Post'
           )}
         </Button>
       </div>

src/shared/composer/modal.tsx

@@ -21,7 +21,7 @@ export function ComposerModal() {
       <Dialog.Trigger asChild>
         <button
           type="button"
-          className="inline-flex h-9 w-min items-center justify-center gap-2 rounded-md bg-white/10 px-6 text-sm font-medium text-white hover:bg-fuchsia-500 focus:outline-none active:translate-y-1"
+          className="inline-flex h-9 w-max items-center justify-center gap-2 rounded-md bg-white/10 px-4 text-sm font-medium text-white hover:bg-fuchsia-500 focus:outline-none active:translate-y-1"
         >
           <ComposeIcon className="h-4 w-4" />
           Postr
@@ -38,7 +38,7 @@ export function ComposerModal() {
                   <ChevronRightIcon className="h-4 w-4 text-white/50" />
                 </span>
                 <div className="inline-flex h-7 w-max items-center justify-center gap-0.5 rounded bg-white/10 pl-3 pr-1.5 text-sm font-medium text-white">
-                  New Postr
+                  New Post
                   <ChevronDownIcon className="h-4 w-4" />
                 </div>
               </div>

src/shared/navigation.tsx

@@ -85,7 +85,7 @@ export function Navigation() {
                   Space
                 </NavLink>
                 <NavLink
-                  to="/notifications"
+                  to="/lodge"
                   preventScrollReset={true}
                   className={({ isActive }) =>
                     twMerge(
@@ -97,7 +97,7 @@ export function Navigation() {
                   <span className="inline-flex h-6 w-6 items-center justify-center rounded bg-white/10">
                     <BellIcon className="h-3 w-3 text-white" />
                   </span>
-                  Notifications
+                  Lodge
                 </NavLink>
               </div>
             </Collapsible.Content>

src/shared/notes/actions/more.tsx

@@ -51,7 +51,7 @@ export function MoreActions({ id, pubkey }: { id: string; pubkey: string }) {
               to={`/notes/text/${id}`}
               className="inline-flex h-10 items-center rounded-md px-2 text-sm font-medium text-white hover:bg-white/10"
             >
-              Open as new screen
+              Focus mode
             </Link>
           </DropdownMenu.Item>
           <DropdownMenu.Item asChild>

src/shared/notes/actions/repost.tsx

@@ -38,7 +38,7 @@ export function NoteRepost({ id, pubkey }: { id: string; pubkey: string }) {
         </Tooltip.Trigger>
         <Tooltip.Portal>
           <Tooltip.Content className="-left-10 select-none rounded-md bg-black px-3.5 py-1.5 text-sm leading-none text-white will-change-[transform,opacity] data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade">
-            Repostr
+            Repost
             <Tooltip.Arrow className="fill-black" />
           </Tooltip.Content>
         </Tooltip.Portal>
@@ -49,11 +49,11 @@ export function NoteRepost({ id, pubkey }: { id: string; pubkey: string }) {
           <div className="relative h-min w-full max-w-xl rounded-xl bg-white/10">
             <div className="flex flex-col gap-2 border-b border-white/5 px-5 py-4">
               <AlertDialog.Title className="text-lg font-semibold leading-none text-white">
-                Confirm repostr this postr?
+                Confirm repost this post?
               </AlertDialog.Title>
               <AlertDialog.Description className="text-sm leading-none text-white/50">
-                Repostred postr will be visible to your followers, and you cannot undo
-                this action.
+                Reposted post will be visible to your followers, and you cannot undo this
+                action.
               </AlertDialog.Description>
             </div>
             <div className="flex justify-end gap-6 px-5 py-3">
@@ -67,7 +67,7 @@ export function NoteRepost({ id, pubkey }: { id: string; pubkey: string }) {
                 onClick={() => submit()}
                 className="inline-flex h-11 items-center justify-center rounded-lg bg-fuchsia-500 px-4 font-medium leading-none text-white outline-none"
               >
-                Yes, repostr
+                Yes, repost
               </button>
             </div>
           </div>

src/shared/notes/kinds/repost.tsx

@@ -33,7 +33,7 @@ export function Repost({ event }: { event: NDKEvent }) {
       <div className="h-min w-full px-3 py-1.5">
         <div className="flex flex-col gap-1 overflow-hidden rounded-xl bg-white/10 px-3 py-3">
           <p className="select-text break-all text-white/50">
-            Failed to get repostr with ID
+            Failed to get repost with ID
           </p>
           <div className="break-all rounded-lg bg-white/10 px-2 py-2">
             <p className="text-white">{repostID}</p>

src/shared/notes/stats.tsx

@@ -72,7 +72,7 @@ export function NoteStats({ id }: { id: string }) {
         <span className="font-semibold text-white">
           {compactNumber.format(data.reposts)}
         </span>{' '}
-        repostrs
+        reposts
       </p>
       <span className="text-white/50">·</span>
       <p className="text-white/50">