Fix(crm): It was not possible ta save a company or a contact due to l…

…inkedin URL

examples/crm/src/commons/isLinkedInUrl.ts

@@ -0,0 +1,15 @@
+const LINKEDIN_URL_REGEX = /^http(?:s)?:\/\/(?:www\.)?linkedin.com\//;
+
+export const isLinkedinUrl = (url: string) => {
+    if (!url) return;
+    try {
+        // Parse the URL to ensure it is valid
+        const parsedUrl = new URL(url);
+        if (!parsedUrl.href.match(LINKEDIN_URL_REGEX)) {
+            return 'URL must be from linkedin.com';
+        }
+    } catch (e) {
+        // If URL parsing fails, return false
+        return 'Must be a valid URL';
+    }
+};

examples/crm/src/companies/CompanyAside.tsx

@@ -79,6 +79,7 @@ const CompanyInfo = ({ record }: { record: Company }) => {
                         content="LinkedIn"
                         target="_blank"
                         rel="noopener"
+                        label="LinkedIn"
                     />
                 </Stack>
             )}

examples/crm/src/companies/CompanyInputs.tsx

@@ -13,25 +13,12 @@ import {
     TextInput,
     required,
 } from 'react-admin';
+import { isLinkedinUrl } from '../commons/isLinkedInUrl';
 import { useConfigurationContext } from '../root/ConfigurationContext';
 import { Sale } from '../types';
 import { CompanyAvatar } from './CompanyAvatar';
 import { sizes } from './sizes';
 
-const isLinkedinUrl = (url: string) => {
-    if (!url) return;
-    try {
-        // Parse the URL to ensure it is valid
-        const parsedUrl = new URL(url);
-        if (!parsedUrl.hostname.startsWith('https://linkedin.com/')) {
-            return 'URL must be from linkedin.com';
-        }
-    } catch (e) {
-        // If URL parsing fails, return false
-        return 'Must be a valid URL';
-    }
-};
-
 export const CompanyInputs = () => {
     const theme = useTheme();
     const isMobile = useMediaQuery(theme.breakpoints.down('md'));

examples/crm/src/contacts/ContactInputs.tsx

@@ -1,41 +1,27 @@
-import * as React from 'react';
 import {
-    TextInput,
-    ReferenceInput,
+    Divider,
+    Stack,
+    Typography,
+    useMediaQuery,
+    useTheme,
+} from '@mui/material';
+import {
     AutocompleteInput,
     BooleanInput,
+    RadioButtonGroupInput,
+    ReferenceInput,
     SelectInput,
-    required,
+    TextInput,
     email,
+    required,
     useCreate,
     useGetIdentity,
     useNotify,
-    RadioButtonGroupInput,
 } from 'react-admin';
-import {
-    Divider,
-    Stack,
-    Typography,
-    useMediaQuery,
-    useTheme,
-} from '@mui/material';
+import { isLinkedinUrl } from '../commons/isLinkedInUrl';
 import { useConfigurationContext } from '../root/ConfigurationContext';
-import { Avatar } from './Avatar';
 import { Sale } from '../types';
-
-const isLinkedinUrl = (url: string) => {
-    if (!url) return;
-    try {
-        // Parse the URL to ensure it is valid
-        const parsedUrl = new URL(url);
-        if (!parsedUrl.hostname.startsWith('https://linkedin.com/')) {
-            return 'URL must be from linkedin.com';
-        }
-    } catch (e) {
-        // If URL parsing fails, return false
-        return 'Must be a valid URL';
-    }
-};
+import { Avatar } from './Avatar';
 
 export const ContactInputs = () => {
     const theme = useTheme();