feat(template): remove unused var and some lint warning

MP-2075

Author: germainruget

template-backend-extension/src/index.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
-
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { Playground, store } from '@lumapps-extensions-playground/devenv';
 
 import '@lumx/core/lumx.css';
 
 import { WidgetGlobalSettings } from './widget/WidgetGlobalSettings';
 
-import config from './config.js';
+import config from './config';
 
 ReactDOM.render(
     <React.StrictMode>

template-backend-extension/src/widget/WidgetGlobalSettings.tsx

@@ -14,7 +14,7 @@ type WidgetGlobalSettings = import('lumapps-sdk-js').GlobalSettingsComponent<any
  *
  * @param {Object} props The settings component properties.
  */
-const IntlWidgetGlobalSettings: WidgetGlobalSettings = ({ properties = {}, exportProp }) => {
+const IntlWidgetGlobalSettings: WidgetGlobalSettings = () => {
     const contactMail = 'contact@mail.com';
     const subjectMail = 'Extension activation';
 
@@ -32,17 +32,21 @@ const IntlWidgetGlobalSettings: WidgetGlobalSettings = ({ properties = {}, expor
 
 export const WidgetGlobalSettings: WidgetGlobalSettings = (props) => {
     const { displayLanguage } = useLanguage();
-    const messages: Record<string, Record<string, string>> = {
-        en: messagesEn,
-        fr: messagesFr,
-    };
+    const messages = useMemo(
+        () => ({
+            en: messagesEn,
+            fr: messagesFr,
+        }),
+        [],
+    );
+
     const lang = useMemo(() => (Object.keys(messages).includes(displayLanguage) ? displayLanguage : 'en'), [
         displayLanguage,
         messages,
     ]);
 
     return (
-        <IntlProvider locale={lang} messages={messages[lang]}>
+        <IntlProvider locale={lang} messages={messages[lang as keyof typeof messages]}>
             <NotificationsProvider>
                 <PredefinedErrorBoundary>
                     <IntlWidgetGlobalSettings {...props} />

template-empty-extension/src/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
-
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { Playground, store } from '@lumapps-extensions-playground/devenv';
 
 import '@lumx/core/lumx.css';
@@ -10,7 +10,7 @@ import { Widget } from './widget/Widget';
 import { WidgetSettings } from './widget/WidgetSettings';
 import { WidgetGlobalSettings } from './widget/WidgetGlobalSettings';
 
-import config from './config.js';
+import config from './config';
 
 ReactDOM.render(
     <React.StrictMode>

template-empty-extension/src/widget/Widget.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
-import { Theme } from '@lumx/react';
 
 type Widget = import('lumapps-sdk-js').ContentComponent<any, any>;
 
-const Widget: Widget = ({ value = {}, globalValue = {}, theme = Theme.light }) => {
+const Widget: Widget = () => {
     return <></>;
 };
 

template-empty-extension/src/widget/WidgetGlobalSettings.tsx

@@ -7,6 +7,6 @@ type WidgetGlobalSettings = import('lumapps-sdk-js').GlobalSettingsComponent<any
  *
  * @param {Object} props The settings component properties.
  */
-export const WidgetGlobalSettings: WidgetGlobalSettings = ({ properties = {}, exportProp }) => {
+export const WidgetGlobalSettings: WidgetGlobalSettings = () => {
     return <></>;
 };

template-empty-extension/src/widget/WidgetSettings.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 
 type WidgetSettings = import('lumapps-sdk-js').SettingsComponent<any, any>;
 
-export const WidgetSettings: WidgetSettings = (props) => {
+export const WidgetSettings: WidgetSettings = () => {
     return <></>;
 };

template-share-extension/src/extension/Share.tsx

@@ -120,17 +120,21 @@ const Share: import('lumapps-sdk-js').ContentComponent<undefined, ShareProps> =
 
 const NotificationAwareContent: typeof Share = (props) => {
     const { displayLanguage } = useLanguage();
-    const messages: Record<string, Record<string, string>> = {
-        en: messagesEn,
-        fr: messagesFr,
-    };
+    const messages = useMemo(
+        () => ({
+            en: messagesEn,
+            fr: messagesFr,
+        }),
+        [],
+    );
+
     const lang = useMemo(() => (Object.keys(messages).includes(displayLanguage) ? displayLanguage : 'en'), [
         displayLanguage,
         messages,
     ]);
 
     return (
-        <IntlProvider locale={lang} messages={messages[lang]}>
+        <IntlProvider locale={lang} messages={messages[lang as keyof typeof messages]}>
             <NotificationsProvider>
                 <PredefinedErrorBoundary>
                     <Share {...props} />

template-share-extension/src/index.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
-
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { Playground, store } from '@lumapps-extensions-playground/devenv';
 
 import '@lumx/core/lumx.css';
 
 import { Share } from './extension/Share';
 import { ShareGlobalSettings } from './extension/ShareGlobalSettings';
 
-import config from './config.js';
+import config from './config';
 
 ReactDOM.render(
     <React.StrictMode>

template-widget-extension/src/index.tsx

@@ -11,7 +11,7 @@ import { WidgetSettings } from './widget/WidgetSettings';
 import { WidgetGlobalSettings } from './widget/WidgetGlobalSettings';
 
 // eslint-disable-next-line import/extensions
-import config from './config.js';
+import config from './config';
 
 ReactDOM.render(
     <React.StrictMode>

template-widget-extension/src/widget/Widget.tsx

@@ -46,7 +46,7 @@ const Widget: Widget = ({ theme = Theme.light }) => {
         link = useBlur && blur !== undefined ? `${link}=${blur}` : link;
 
         setUrl(link);
-    }, [blur, imageId, useBlur, useGreyScale, url, globalProperties?.baseUrl]);
+    }, [blur, imageId, useBlur, useGreyScale, url, globalProperties]);
 
     const { notifySuccess } = useNotifications();