wip(lab): Work on i18n-next

packages/freesewing.shared/components/workbench/draft/error.js

@@ -1,15 +1,21 @@
 import Robot from 'shared/components/robot/index.js'
 import Events from './events.js'
+import { useTranslation } from 'next-i18next'
 
-const Error = props => (
-  <div className="mt-12">
-    <div className="flex flex-row items-center justify-around">
-      <h1>{props.app.t('errors.something')}</h1>
-      <div className="max-w-96"><Robot pose='fail' embed/></div>
+const Error = props => {
+  const { t } = useTranslation(['errors'])
+
+  return (
+    <div className="mt-12">
+      <div className="flex flex-row items-center justify-around">
+        <h1>{t('errors:something')}</h1>
+        <div className="max-w-96"><Robot pose='fail' embed/></div>
+      </div>
+      <Events events={props.draft.events} />
     </div>
-    <Events events={props.draft.events} />
-  </div>
-)
+  )
+}
+
 
 export default Error
 

packages/freesewing.shared/components/workbench/draft/text-on-path/index.js

@@ -1,9 +1,12 @@
+import { useTranslation } from 'next-i18next'
+
 const TextOnPath = (props) => {
+  const { t } = useTranslation(['app'])
   const text = []
   // Handle translation (and spaces)
   let translated = ''
   for (let string of props.path.attributes.getAsArray('data-text')) {
-    translated += props.app.t(string, false, props.locale).replace(/"/g, '"') + ' '
+    translated += t(string).replace(/"/g, '"') + ' '
   }
   const textPathProps = {
     xlinkHref: '#' + props.pathId,

packages/freesewing.shared/components/workbench/draft/text/index.js

@@ -1,9 +1,12 @@
+import { useTranslation } from 'next-i18next'
+
 const Text = (props) => {
+  const { t } = useTranslation(['app'])
   let text = []
   // Handle translation
   let translated = ''
   for (let string of props.point.attributes.getAsArray('data-text')) {
-    translated += props.app.t(string.toString(), false, props.locale).replace(/"/g, '"') + ' '
+    translated += t(string.toString()).replace(/"/g, '"') + ' '
   }
   // Handle muti-line text
   if (translated.indexOf('\n') !== -1) {