diff options
author | Kristóf Marussy <kristof@marussy.com> | 2022-03-30 21:47:45 +0200 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2022-05-16 00:54:57 +0200 |
commit | 85d91c64b5b3ec31df8acecd68a1fa6a68d57ff9 (patch) | |
tree | 277ab45a66a1c74e2d0a885c8a354aea27128d12 /packages/renderer/src/components/locationBar/ExtraButtons.tsx | |
parent | feat(main): Translation hot reloading during development (diff) | |
download | sophie-85d91c64b5b3ec31df8acecd68a1fa6a68d57ff9.tar.gz sophie-85d91c64b5b3ec31df8acecd68a1fa6a68d57ff9.tar.zst sophie-85d91c64b5b3ec31df8acecd68a1fa6a68d57ff9.zip |
feat(renderer): Renderer translations
Add react-i18n to make us able to use i18next translations in the
renderer process just like we do in the main process.
Translations are hot-reloaded automatically.
Signed-off-by: Kristóf Marussy <kristof@marussy.com>
Diffstat (limited to 'packages/renderer/src/components/locationBar/ExtraButtons.tsx')
-rw-r--r-- | packages/renderer/src/components/locationBar/ExtraButtons.tsx | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/packages/renderer/src/components/locationBar/ExtraButtons.tsx b/packages/renderer/src/components/locationBar/ExtraButtons.tsx index 4eaee29..1755495 100644 --- a/packages/renderer/src/components/locationBar/ExtraButtons.tsx +++ b/packages/renderer/src/components/locationBar/ExtraButtons.tsx | |||
@@ -23,6 +23,7 @@ import Box from '@mui/material/Box'; | |||
23 | import IconButton from '@mui/material/IconButton'; | 23 | import IconButton from '@mui/material/IconButton'; |
24 | import { observer } from 'mobx-react-lite'; | 24 | import { observer } from 'mobx-react-lite'; |
25 | import React from 'react'; | 25 | import React from 'react'; |
26 | import { useTranslation } from 'react-i18next'; | ||
26 | 27 | ||
27 | import type Service from '../../stores/Service'; | 28 | import type Service from '../../stores/Service'; |
28 | 29 | ||
@@ -31,6 +32,10 @@ function ExtraButtons({ | |||
31 | }: { | 32 | }: { |
32 | service: Service | undefined; | 33 | service: Service | undefined; |
33 | }): JSX.Element { | 34 | }): JSX.Element { |
35 | const { t } = useTranslation(undefined, { | ||
36 | keyPrefix: 'toolbar', | ||
37 | }); | ||
38 | |||
34 | return ( | 39 | return ( |
35 | <Box | 40 | <Box |
36 | sx={{ | 41 | sx={{ |
@@ -39,7 +44,7 @@ function ExtraButtons({ | |||
39 | }} | 44 | }} |
40 | > | 45 | > |
41 | <IconButton | 46 | <IconButton |
42 | aria-label="Open in browser" | 47 | aria-label={t('openInBrowser')} |
43 | disabled={service?.currentUrl === undefined} | 48 | disabled={service?.currentUrl === undefined} |
44 | onClick={() => service?.openCurrentURLInExternalBrowser()} | 49 | onClick={() => service?.openCurrentURLInExternalBrowser()} |
45 | > | 50 | > |