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 (
-
+
{!hideEmbed && (
{
e.stopPropagation()
e.preventDefault()
setIframeOpen(true)
}}
>
-
+
)}
insertEmoji(editor)}
>
-
+
-
-
+
+
{children}
)
}
function UploadButton(props: { upload: UploadMutation }) {
- const { upload } = props
+ const {upload} = props
+ const t = useT()
return (
@@ -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"
>
-
+
{upload?.isLoading && (
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 ? (
-
- ) : (
-
- )}
+
+ {circleButton ? (
+
+ ) : (
+
+ )}
+
+
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 (
-
+
{button}
)
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",