feat: Use Sharing locales instead apps

cozy · Dec 6, 2024 · 55265c9 · 55265c9
1 parent 2f410e1
commit 55265c9
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 7 deletions.
diff --git a/packages/cozy-sharing/src/OpenSharingLinkButton.jsx b/packages/cozy-sharing/src/OpenSharingLinkButton.jsx
@@ -6,6 +6,7 @@ import Icon from 'cozy-ui/transpiled/react/Icon'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { getIconWithlabel, openExternalLink } from './helpers/sharings'
+import withLocales from './hoc/withLocales'
 
 /**
  * OpenSharingLinkButton component renders a Button
@@ -16,7 +17,7 @@ import { getIconWithlabel, openExternalLink } from './helpers/sharings'
  * @param {boolean} [props.isSharingShortcutCreated=false] - Indicates if a sharing shortcut has been created. (default false)
  * @param {Object} [props] - Additional props to be passed to the Button component.
  */
-export const OpenSharingLinkButton = ({
+const OpenSharingLinkButton = ({
   link,
   isSharingShortcutCreated = false,
   ...props
@@ -47,3 +48,5 @@ OpenSharingLinkButton.propTypes = {
   link: PropTypes.string,
   isSharingShortcutCreated: PropTypes.bool
 }
+
+export default withLocales(OpenSharingLinkButton)
diff --git a/packages/cozy-sharing/src/OpenSharingLinkFabButton.jsx b/packages/cozy-sharing/src/OpenSharingLinkFabButton.jsx
@@ -5,6 +5,7 @@ import { ExtendableFab } from 'cozy-ui/transpiled/react/Fab'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { getIconWithlabel, openExternalLink } from './helpers/sharings'
+import withLocales from './hoc/withLocales'
 
 const makeStyles = customStyle => {
   const { position, right, bottom, ...rest } = customStyle
@@ -25,7 +26,7 @@ const makeStyles = customStyle => {
  * @param {boolean} [props.isSharingShortcutCreated=false] - Indicates if a sharing shortcut has been created. (default false)
  * @param {Object} [props] - Additional props to be passed to the ExtendableFab component.
  */
-export const OpenSharingLinkFabButton = ({
+const OpenSharingLinkFabButton = ({
   link,
   isSharingShortcutCreated = false,
   ...props
@@ -61,3 +62,5 @@ OpenSharingLinkFabButton.propTypes = {
   link: PropTypes.string.isRequired,
   isSharingShortcutCreated: PropTypes.bool
 }
+
+export default withLocales(OpenSharingLinkFabButton)
diff --git a/packages/cozy-sharing/src/actions/openSharingLink.js b/packages/cozy-sharing/src/actions/openSharingLink.js
@@ -6,6 +6,7 @@ import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 
 import { getIconWithlabel, openExternalLink } from '../helpers/sharings'
+import { getActionsI18n } from '../hoc/withLocales'
 
 const makeComponent = (label, icon) => {
   const Component = forwardRef((props, ref) => {
@@ -23,7 +24,8 @@ const makeComponent = (label, icon) => {
   return Component
 }
 
-export const openSharingLink = ({ t, isSharingShortcutCreated, link }) => {
+export const openSharingLink = ({ isSharingShortcutCreated, link }) => {
+  const { t } = getActionsI18n()
   const { icon, label } = getIconWithlabel({
     link,
     isSharingShortcutCreated,

diff --git a/packages/cozy-sharing/src/helpers/sharings.js b/packages/cozy-sharing/src/helpers/sharings.js
@@ -75,7 +75,7 @@ export const getIconWithlabel = ({ link, isSharingShortcutCreated, t }) => {
     return { icon: ToTheCloudIcon, label: t('Share.create-cozy') }
   }
   if (!isSharingShortcutCreated) {
-    return { icon: CloudPlusOutlinedIcon, label: t('toolbar.add_to_mine') }
+    return { icon: CloudPlusOutlinedIcon, label: t('Share.banner.add_to_mine') }
   }
-  return { icon: SyncIcon, label: t('toolbar.menu_sync_cozy') }
+  return { icon: SyncIcon, label: t('Share.banner.sync_to_mine') }
 }
diff --git a/packages/cozy-sharing/src/hoc/withLocales.jsx b/packages/cozy-sharing/src/hoc/withLocales.jsx
@@ -1,12 +1,15 @@
 import React from 'react'
 
 import { I18n, translate } from 'cozy-ui/transpiled/react/providers/I18n'
+import { getI18n } from 'cozy-ui/transpiled/react/providers/I18n/helpers'
 
 const locales = {
   en: require(`../../locales/en.json`),
   fr: require(`../../locales/fr.json`)
 }
 
+export const getActionsI18n = () => getI18n(undefined, lang => locales[lang])
+
 /**
  * Adds cozy-sharing translations in the React context
  *

diff --git a/packages/cozy-sharing/src/index.jsx b/packages/cozy-sharing/src/index.jsx
@@ -27,6 +27,6 @@ export { useSharingInfos } from './components/SharingBanner/hooks/useSharingInfo
 export { ConfirmTrustedRecipientsDialog } from './ConfirmTrustedRecipientsDialog'
 export { ShareButtonWithRecipients } from './ShareButtonWithRecipients'
 export { DOCUMENT_TYPE } from './helpers/documentType'
-export { OpenSharingLinkButton } from './OpenSharingLinkButton'
-export { OpenSharingLinkFabButton } from './OpenSharingLinkFabButton'
+export { default as OpenSharingLinkButton } from './OpenSharingLinkButton'
+export { default as OpenSharingLinkFabButton } from './OpenSharingLinkFabButton'
 export { openSharingLink } from './actions/openSharingLink'