refactor: use formatjs swc plugin

I'm not able to configure SWC plugins in Next.js so to make it works,
all translation must have an id.

5 files changed, 12 insertions, 0 deletions

diff --git a/src/components/Settings/AckeeSelect/AckeeSelect.tsx b/src/components/Settings/AckeeSelect/AckeeSelect.tsx
index e1a8ed8..f711fe2 100644
--- a/src/components/Settings/AckeeSelect/AckeeSelect.tsx
+++ b/src/components/Settings/AckeeSelect/AckeeSelect.tsx
@@ -14,6 +14,7 @@ const AckeeSelect = () => {
       name: intl.formatMessage({
         defaultMessage: 'Partial',
         description: 'AckeeSelect: partial option name',
+        id: 'e/8Kyj',
       }),
       value: 'partial',
     },
@@ -22,6 +23,7 @@ const AckeeSelect = () => {
       name: intl.formatMessage({
         defaultMessage: 'Full',
         description: 'AckeeSelect: full option name',
+        id: 'PzRpPw',
       }),
       value: 'full',
     },
@@ -47,6 +49,7 @@ const AckeeSelect = () => {
       body={intl.formatMessage({
         defaultMessage: 'Tracking:',
         description: 'AckeeSelect: select label',
+        id: '2pmylc',
       })}
       htmlFor="ackee-settings"
       kind="settings"
@@ -57,11 +60,13 @@ const AckeeSelect = () => {
     intl.formatMessage({
       defaultMessage: 'Partial includes only page url, views and duration.',
       description: 'AckeeSelect: tooltip message',
+      id: 'skb4W5',
     }),
     intl.formatMessage({
       defaultMessage:
         'Full includes all information from partial as well as information about referrer, operating system, device, browser, screen size and language.',
       description: 'AckeeSelect: tooltip message',
+      id: 'Ogccx6',
     }),
   ];
 
@@ -81,6 +86,7 @@ const AckeeSelect = () => {
         title={intl.formatMessage({
           defaultMessage: 'Ackee tracking (analytics)',
           description: 'AckeeSelect: tooltip title',
+          id: 'F1EQX3',
         })}
       />
     </div>
diff --git a/src/components/Settings/PrismThemeToggle/PrismThemeToggle.tsx b/src/components/Settings/PrismThemeToggle/PrismThemeToggle.tsx
index 6f42f86..9707097 100644
--- a/src/components/Settings/PrismThemeToggle/PrismThemeToggle.tsx
+++ b/src/components/Settings/PrismThemeToggle/PrismThemeToggle.tsx
@@ -37,6 +37,7 @@ const PrismThemeToggle = () => {
       label={intl.formatMessage({
         defaultMessage: 'Code blocks:',
         description: 'PrismThemeToggle: toggle label',
+        id: 'w0UfY0',
       })}
       leftChoice={<SunIcon />}
       rightChoice={<MoonIcon />}
diff --git a/src/components/Settings/ReduceMotion/ReduceMotion.tsx b/src/components/Settings/ReduceMotion/ReduceMotion.tsx
index d0f7980..00562cd 100644
--- a/src/components/Settings/ReduceMotion/ReduceMotion.tsx
+++ b/src/components/Settings/ReduceMotion/ReduceMotion.tsx
@@ -27,14 +27,17 @@ const ReduceMotion = () => {
       label={intl.formatMessage({
         defaultMessage: 'Animations:',
         description: 'ReduceMotion: toggle label',
+        id: 'X3PDXO',
       })}
       leftChoice={intl.formatMessage({
         defaultMessage: 'On',
         description: 'ReduceMotion: toggle on label',
+        id: 'qPU/Qn',
       })}
       rightChoice={intl.formatMessage({
         defaultMessage: 'Off',
         description: 'ReduceMotion: toggle off label',
+        id: 'w1nIrj',
       })}
       value={isDeactivated}
       changeHandler={updateState}
diff --git a/src/components/Settings/Settings.tsx b/src/components/Settings/Settings.tsx
index 4ccb895..fec4c45 100644
--- a/src/components/Settings/Settings.tsx
+++ b/src/components/Settings/Settings.tsx
@@ -16,6 +16,7 @@ const Settings = () => {
         {intl.formatMessage({
           defaultMessage: 'Settings',
           description: 'Settings: modal title',
+          id: 'bHEmkY',
         })}
       </div>
       <ThemeToggle />
diff --git a/src/components/Settings/ThemeToggle/ThemeToggle.tsx b/src/components/Settings/ThemeToggle/ThemeToggle.tsx
index 77b2797..ec2cee1 100644
--- a/src/components/Settings/ThemeToggle/ThemeToggle.tsx
+++ b/src/components/Settings/ThemeToggle/ThemeToggle.tsx
@@ -28,6 +28,7 @@ const ThemeToggle = () => {
       label={intl.formatMessage({
         defaultMessage: 'Theme:',
         description: 'ThemeToggle: toggle label',
+        id: 'O9XLDc',
       })}
       leftChoice={<SunIcon />}
       rightChoice={<MoonIcon />}