From f878521a402965df6146c9b3423bc41979a87a7b Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Wed, 28 Jan 2026 12:20:58 +0100
Subject: [PATCH] Translate star button and editor buttons

---
 web/components/editor/sticky-format-menu.tsx  | 47 ++++++++++---------
 .../messaging/send-message-button.tsx         | 41 +++++++++-------
 web/components/widgets/star-button.tsx        | 18 +++----
 web/messages/de.json                          |  5 ++
 web/messages/fr.json                          |  7 ++-
 5 files changed, 69 insertions(+), 49 deletions(-)

diff --git a/web/components/editor/sticky-format-menu.tsx b/web/components/editor/sticky-format-menu.tsx
index 6c181a6a..10c45f5f 100644
--- a/web/components/editor/sticky-format-menu.tsx
+++ b/web/components/editor/sticky-format-menu.tsx
@@ -1,13 +1,14 @@
-import { EmojiHappyIcon } from '@heroicons/react/outline'
-import { CodeIcon, PhotographIcon } from '@heroicons/react/solid'
-import { Editor } from '@tiptap/react'
-import { MouseEventHandler, useState } from 'react'
-import { FileUploadButton } from '../buttons/file-upload-button'
-import { LoadingIndicator } from '../widgets/loading-indicator'
-import { EmbedModal } from './embed-modal'
-import type { UploadMutation } from './upload-extension'
-import { Row } from 'web/components/layout/row'
-import { Tooltip } from '../widgets/tooltip'
+import {EmojiHappyIcon} from '@heroicons/react/outline'
+import {CodeIcon, PhotographIcon} from '@heroicons/react/solid'
+import {Editor} from '@tiptap/react'
+import {MouseEventHandler, useState} from 'react'
+import {FileUploadButton} from '../buttons/file-upload-button'
+import {LoadingIndicator} from '../widgets/loading-indicator'
+import {EmbedModal} from './embed-modal'
+import type {UploadMutation} from './upload-extension'
+import {Row} from 'web/components/layout/row'
+import {Tooltip} from '../widgets/tooltip'
+import {useT} from 'web/lib/locale'
 
 /* Toolbar, with buttons for images and embeds */
 export function StickyFormatMenu(props: {
@@ -15,48 +16,50 @@ export function StickyFormatMenu(props: {
   hideEmbed?: boolean
   children?: React.ReactNode
 }) {
-  const { editor, hideEmbed, children } = props
+  const {editor, hideEmbed, children} = props
   const upload = editor?.storage.upload.mutation
+  const t = useT()
 
   const [iframeOpen, setIframeOpen] = useState(false)
 
   return (
     <Row className="text-ink-600 h-8 items-center">
-      <UploadButton key={'upload-button'} upload={upload} />
+      <UploadButton key={'upload-button'} upload={upload}/>
       {!hideEmbed && (
         <ToolbarButton
           key={'embed-button'}
-          label="Add embed"
+          label={t('sticky_format_menu.add_embed', 'Add embed')}
           onClick={(e) => {
             e.stopPropagation()
             e.preventDefault()
             setIframeOpen(true)
           }}
         >
-          <CodeIcon className="h-5 w-5" aria-hidden="true" />
+          <CodeIcon className="h-5 w-5" aria-hidden="true"/>
         </ToolbarButton>
       )}
       <ToolbarButton
         key={'emoji-button'}
-        label="Add emoji"
+        label={t('sticky_format_menu.add_emoji', 'Add emoji')}
         onClick={() => insertEmoji(editor)}
       >
-        <EmojiHappyIcon className="h-5 w-5" />
+        <EmojiHappyIcon className="h-5 w-5"/>
       </ToolbarButton>
 
-      <EmbedModal editor={editor} open={iframeOpen} setOpen={setIframeOpen} />
-      <div className="grow" />
+      <EmbedModal editor={editor} open={iframeOpen} setOpen={setIframeOpen}/>
+      <div className="grow"/>
       {children}
     </Row>
   )
 }
 
 function UploadButton(props: { upload: UploadMutation }) {
-  const { upload } = props
+  const {upload} = props
+  const t = useT()
 
   return (
     <Tooltip
-      text="Upload image"
+      text={t('sticky_format_menu.upload_image', 'Upload image')}
       className="flex items-stretch"
       placement="bottom"
     >
@@ -65,7 +68,7 @@ function UploadButton(props: { upload: UploadMutation }) {
         className="hover:text-ink-700 disabled:text-ink-300 active:text-ink-800 text-ink-400 relative flex rounded px-3 py-1 pl-4 transition-colors"
       >
         <Row className={'items-center justify-start gap-2'}>
-          <PhotographIcon className="h-5 w-5" aria-hidden="true" />
+          <PhotographIcon className="h-5 w-5" aria-hidden="true"/>
           {upload?.isLoading && (
             <LoadingIndicator
               className="absolute bottom-0 left-0 right-0 top-0"
@@ -83,7 +86,7 @@ function ToolbarButton(props: {
   onClick: MouseEventHandler
   children: React.ReactNode
 }) {
-  const { label, onClick, children } = props
+  const {label, onClick, children} = props
 
   return (
     <Tooltip text={label} className="flex items-stretch" placement="bottom">
diff --git a/web/components/messaging/send-message-button.tsx b/web/components/messaging/send-message-button.tsx
index 2661e753..52a56269 100644
--- a/web/components/messaging/send-message-button.tsx
+++ b/web/components/messaging/send-message-button.tsx
@@ -17,6 +17,7 @@ import {Title} from 'web/components/widgets/title'
 import {Row} from 'web/components/layout/row'
 import {firebaseLogin} from 'web/lib/firebase/users'
 import {useT} from 'web/lib/locale'
+import {Tooltip} from "web/components/widgets/tooltip";
 
 export const SendMessageButton = (props: {
   toUser: User
@@ -95,24 +96,28 @@ export const SendMessageButton = (props: {
 
   return (
     <>
-      {circleButton ? (
-        <button
-          className="bg-primary-900 hover:bg-primary-600 h-7 w-7 rounded-full transition-colors"
-          onClick={messageButtonClicked}
-        >
-          <BiEnvelope
-            className={clsx(
-              'm-auto h-5 w-5 text-white drop-shadow',
-              includeLabel && 'mr-2'
-            )}
-          />
-        </button>
-      ) : (
-        <Button size={'sm'} onClick={messageButtonClicked} color={'none'} className='bg-canvas-200 hover:bg-canvas-300'>
-          <BiEnvelope className={clsx('h-5 w-5', includeLabel && 'mr-2')} />{' '}
-          {includeLabel && <>{t('send_message.button_label', 'Message')}</>}
-        </Button>
-      )}
+      <Tooltip text={t('send_message.button_label', 'Message')} noTap>
+        {circleButton ? (
+          <button
+            className="bg-primary-900 hover:bg-primary-600 h-7 w-7 rounded-full transition-colors"
+            onClick={messageButtonClicked}
+          >
+            <BiEnvelope
+              className={clsx(
+                'm-auto h-5 w-5 text-white drop-shadow',
+                includeLabel && 'mr-2'
+              )}
+            />
+          </button>
+        ) : (
+          <Button size={'sm'} onClick={messageButtonClicked} color={'none'}
+                  className='bg-canvas-200 hover:bg-canvas-300'>
+            <BiEnvelope className={clsx('h-5 w-5', includeLabel && 'mr-2')}/>{' '}
+            {includeLabel && <>{t('send_message.button_label', 'Message')}</>}
+          </Button>
+        )}
+      </Tooltip>
+
       <Modal open={openComposeModal} setOpen={setOpenComposeModal}>
         <Col className={MODAL_CLASS}>
           <Row className={'w-full'}>
diff --git a/web/components/widgets/star-button.tsx b/web/components/widgets/star-button.tsx
index 76d4dfef..104b56ff 100644
--- a/web/components/widgets/star-button.tsx
+++ b/web/components/widgets/star-button.tsx
@@ -1,12 +1,13 @@
 import clsx from 'clsx'
-import { StarIcon } from '@heroicons/react/outline'
-import { useState, useEffect } from 'react'
+import {StarIcon} from '@heroicons/react/outline'
+import {useEffect, useState} from 'react'
 
-import { api } from 'web/lib/api'
-import { buttonClass } from 'web/components/buttons/button'
-import { track } from 'web/lib/service/analytics'
-import { Tooltip } from 'web/components/widgets/tooltip'
-import { Profile } from 'common/profiles/profile'
+import {api} from 'web/lib/api'
+import {buttonClass} from 'web/components/buttons/button'
+import {track} from 'web/lib/service/analytics'
+import {Tooltip} from 'web/components/widgets/tooltip'
+import {Profile} from 'common/profiles/profile'
+import {useT} from 'web/lib/locale'
 
 export const StarButton = (props: {
   targetProfile: Profile
@@ -18,6 +19,7 @@ export const StarButton = (props: {
   const { targetProfile, refresh, hideTooltip, className } = props
   const targetId = targetProfile.user_id
   const [isStarred, setIsStarred] = useState(props.isStarred)
+  const t = useT()
 
   useEffect(() => {
     setIsStarred(props.isStarred)
@@ -63,7 +65,7 @@ export const StarButton = (props: {
   if (hideTooltip) return button
 
   return (
-    <Tooltip text={isStarred ? 'Unsave Profile' : 'Save Profile'} noTap>
+    <Tooltip text={isStarred ? t('star_button.unsave', 'Unsave Profile') : t('star_button.save', 'Save Profile')} noTap>
       {button}
     </Tooltip>
   )
diff --git a/web/messages/de.json b/web/messages/de.json
index b5e81d09..9fa73fef 100644
--- a/web/messages/de.json
+++ b/web/messages/de.json
@@ -263,6 +263,11 @@
   "home.subtitle": "Finden Sie Menschen, die Ihre Werte, Ideen und Absichten teilen — nicht nur Ihre Fotos.",
   "home.title": "Schluss mit Swipen.",
   "home.typewriter": "Suchen.",
+  "sticky_format_menu.add_embed": "Embed hinzufügen",
+  "sticky_format_menu.add_emoji": "Emoji hinzufügen",
+  "sticky_format_menu.upload_image": "Bild hochladen",
+  "star_button.save": "Profil speichern",
+  "star_button.unsave": "Profil nicht mehr speichern",
   "send_message.button_label": "Nachricht",
   "send_message.title": "Kontakt",
   "messages.action.add_reaction": "Reaktion hinzufügen",
diff --git a/web/messages/fr.json b/web/messages/fr.json
index ebfc2223..6c772df3 100644
--- a/web/messages/fr.json
+++ b/web/messages/fr.json
@@ -263,7 +263,12 @@
   "home.subtitle": "Trouvez des personnes qui partagent vos valeurs, idées et intentions — pas seulement vos photos.",
   "home.title": "Fini les swipes.",
   "home.typewriter": "Cherche.",
-  "send_message.button_label": "Message",
+  "sticky_format_menu.add_embed": "Ajouter un embed",
+  "sticky_format_menu.add_emoji": "Ajouter un emoji",
+  "sticky_format_menu.upload_image": "Ajouter une image",
+  "star_button.save": "Enregistrer le profil",
+  "star_button.unsave": "Ne plus enregistrer le profil",
+  "send_message.button_label": "Contacter",
   "send_message.title": "Contactez",
   "messages.action.add_reaction": "Ajouter une réaction",
   "messages.action.delete": "Supprimer",