fix(company data): show error message in edit overlay (#1385)

#1383
eclipse-tractusx · Dec 2, 2024 · f93b94f · f93b94f
1 parent 0fa665e
commit f93b94f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/components/pages/CompanyData/components/DetailsOverlay.tsx b/src/components/pages/CompanyData/components/DetailsOverlay.tsx
@@ -95,6 +95,7 @@ export default function DetailsOverlay({
           handleClose={handleClose}
           open={edit}
           handleConfirm={handleConfirm}
+          errorInfo={sharingStateErrorInfo}
         />
       )}
     </Box>

diff --git a/src/components/pages/CompanyData/components/EditForm.tsx b/src/components/pages/CompanyData/components/EditForm.tsx
@@ -35,6 +35,7 @@ import {
   type CompanyDataType,
   useUpdateCompanySiteAndAddressMutation,
   type CompanyDataFieldsType,
+  type SharingStateType,
 } from 'features/companyData/companyDataApiSlice'
 import { useSelector } from 'react-redux'
 import {
@@ -53,6 +54,7 @@ interface FormDetailsProps {
   readonly isAddress?: boolean
   readonly handleConfirm: () => void
   readonly newForm?: boolean
+  readonly errorInfo?: SharingStateType
 }
 
 export default function EditForm({
@@ -62,6 +64,7 @@ export default function EditForm({
   isAddress = false,
   newForm = false,
   handleConfirm,
+  errorInfo,
 }: FormDetailsProps) {
   const { t } = useTranslation()
   const [loading, setLoading] = useState<boolean>(false)
@@ -165,6 +168,17 @@ export default function EditForm({
             }}
             isAddress={isAddress}
           />
+          {errorInfo && (
+            <Typography
+              variant="body1"
+              sx={{
+                fontSize: '18px',
+                color: '#d32f2f',
+              }}
+            >
+              {errorInfo.sharingErrorMessage}
+            </Typography>
+          )}
         </DialogContent>
         <DialogActions>
           <Button variant="outlined" onClick={handleClose}>