eclipse-tractusx · oyo · Jan 14, 2025 · Nov 19, 2024 · Nov 19, 2024 · Nov 19, 2024
diff --git a/index.html b/index.html
@@ -19,36 +19,36 @@
 
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABT1JREFUaEPlWT1MY0cQ/ubZkEhJ4TRJS9oIg9FhpFSBpDgp8SNcF0xxRkkPaS8Fpri0QJ8I7iTs64AzKZNAFQkjYWyU9qBMmoCUSLnEZqJ9frbfz+6+fTa6QLKlPW9nvtnZ+WZmCQMu3kQKr2EFQAGECZrH+YBbxvqcYkkHhLmMaTA2AYw4fxFmaB4Hg+wZ99u+AXAJawCWfQrvAgA3ZH4EkAl5604AKGELwEPpUd8RAC+6MR9EcUcAsPKi/R8B7PyUGUkmmw+JaITZzWbAJZgOmi1r78H7NW1ajpWFeBsZEE5u4gSE4UNDrRVmFCJS567FrdVPpn6uyeSMAXAZK2AUtcoMQmjnJJNKNFsrFEzBUQTAtGxP1TfC1y7iQy5jxCWr6SgdILyrY+Lvjt7LsJXY8YRK5JZeASJs5SYbi77fdDvwNpZAjtdTBpquKK+Wq1RHVwDSn6CBEhBv2JNnXQKVhpBDVq9jDdHx2VPJWKQFhyN8S3j9mpKbAIeJz8RgqQzP2Nkzp2QJAdAyrVzhlSjkKI/d4N+Vo7ElEK/3baf6wwM725gJAejD+EMQCsG4b6fGlijyou9Nz8hDAjlOYPAcgA90wIeH6Z374/VffSfAJQhvLRl4THi9SHlH3rdcr5veGzBwRYSCPdnwnWDlKL0FUpQsQqNFs/a9eqULwC2NRZEWtU5BmAt5/SSTSjYdrwvvGS0C9v5OJgoPJmqXsg8qx+kaGOOy/wg0n8vWn3kB7ILxqVYzY5UWwlxQOU7PuanWJFs5XrdAxVy2rr0flePRdTDJI8LlBQcAP8UbSOL3CONDWUaQUlyvAzhsNhOFYIng8I3IKp6OrlIdKwIsur3QYvDXs9mzr9oASvgQwPcaABuU9zcvleroNBFtmpKSzutccsJOhF+K8r3MaA7gGT7DNcpKAC/xFi2iG6fPq+m1WKUA4dS6bhWC9Yyb9Xz3pj8AZXwOxjdSAIQ9mu9dzP3q2DKDRTtpuGjVztZDDOz1unej/gBs4zEIj6QWBS5upTp2YsSqeq+LuPb3067yVwAgrW5oOh4g3mgmksVgegxNMSQe+5cB0AVwXejUKV77pFOMWwWA8aQ5lFgOeb3dBImLalLMnVK+J2eehWLdAX8IqUoBJz2bNEG+Y/IT5X41vcuQkyuBvshl69+2eaBPAKpSwG2Cdgy93oHg4xqXJH9TpTpfKREXgPA6GMuzU41Q/R+zCRL2SctxbRkBIGHRRx/fq/8Q+wREg/JXa/hSWgq056TmJTRhD3+i4CVJgej5UbpA7XujXMPD9Ob98fofHQCPQHiskA6VEUE5FSlp9A/UBInQzWUbTtXbBqAvJWqUx4TMGFkpYEDPN9AEBVpKLsEWJ6dRvk55fBnI690CzMDoTqwP3gTJmnp+ireRxC8RhogmunNpxTDKPNaBG2qC6KKZtDJeruk1NCXnYULbhxp62i92Q00QCKfNRGI6SJReACIkRO6+qXUqxjK0gNBI0CTLeI3QtZ7Bpl49+48DS+H1zhb7x+kXJo2QSesZngsNFkoX7phF+U7mjlzEG4N+Kcrx4Efyydw2iiDn5THO2sBLFIOkFNxAtKIARUw/5E2QzBjldNoZpVsoRk4qAGleVyGPAmBxa0I1So8FoCPsFmZzIOdJVYxNUiCc4xo1WDiI+6waBcDONoxH/l0mjhMng8r+xwHQhZ2ttx/NDVes4zLcUyumPQHGE3uqEfXk5Nv/9gBQMG2U024HgECBFmV0gKXjiA8u6w8h9RTDVNMrPwH3lfKciLdksyNTwzty/wATsrFPLbsvywAAAABJRU5ErkJggg==">
-    <title></title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script>
-// Do NOT change ENV attributes without changing them in scripts/inject-dynamic-env.sh as well
-const ENV = {
-  REQUIRE_HTTPS_URL_PATTERN: "true",
-  CLEARINGHOUSE_CONNECT_DISABLED: "false",
-  PORTAL_ASSETS_URL: "http://localhost:3000/assets",
-  PORTAL_BACKEND_URL: "https://portal-backend.example.org",
-  CENTRALIDP_URL: "https://centralidp.example.org/auth",
-  SSI_CREDENTIAL_URL: "https://ssi-credential-issuer.example.org",
-  BPDM_POOL_API_URL: "https://business-partners.example.org/pool/v6",
-  BPDM_GATE_API_URL: "https://business-partners.example.org/companies/test-company/v6",
-  SEMANTICS_URL: "https://semantics.example.org",
-  MANAGED_IDENTITY_WALLETS_NEW_URL: "https://managed-identity-wallets-new.example.org",
-  REALM: "CX-Central",
-  CLIENT_ID: "Cl2-CX-Portal",
-  CLIENT_ID_REGISTRATION: "Cl1-CX-Registration",
-  CLIENT_ID_SEMANTIC: "Cl3-CX-Semantic",
-  CLIENT_ID_BPDM: "Cl7-CX-BPDM",
-  CLIENT_ID_MIW: "Cl5-CX-Custodian",
-  CLIENT_ID_SSI_CREDENTIAL: "Cl24-CX-SSI-CredentialIssuer"
-}
-    </script>
-    <script type="module" src="/src/index.tsx"></script>
-  </body>
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="icon"
+    href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABT1JREFUaEPlWT1MY0cQ/ubZkEhJ4TRJS9oIg9FhpFSBpDgp8SNcF0xxRkkPaS8Fpri0QJ8I7iTs64AzKZNAFQkjYWyU9qBMmoCUSLnEZqJ9frbfz+6+fTa6QLKlPW9nvtnZ+WZmCQMu3kQKr2EFQAGECZrH+YBbxvqcYkkHhLmMaTA2AYw4fxFmaB4Hg+wZ99u+AXAJawCWfQrvAgA3ZH4EkAl5604AKGELwEPpUd8RAC+6MR9EcUcAsPKi/R8B7PyUGUkmmw+JaITZzWbAJZgOmi1r78H7NW1ajpWFeBsZEE5u4gSE4UNDrRVmFCJS567FrdVPpn6uyeSMAXAZK2AUtcoMQmjnJJNKNFsrFEzBUQTAtGxP1TfC1y7iQy5jxCWr6SgdILyrY+Lvjt7LsJXY8YRK5JZeASJs5SYbi77fdDvwNpZAjtdTBpquKK+Wq1RHVwDSn6CBEhBv2JNnXQKVhpBDVq9jDdHx2VPJWKQFhyN8S3j9mpKbAIeJz8RgqQzP2Nkzp2QJAdAyrVzhlSjkKI/d4N+Vo7ElEK/3baf6wwM725gJAejD+EMQCsG4b6fGlijyou9Nz8hDAjlOYPAcgA90wIeH6Z374/VffSfAJQhvLRl4THi9SHlH3rdcr5veGzBwRYSCPdnwnWDlKL0FUpQsQqNFs/a9eqULwC2NRZEWtU5BmAt5/SSTSjYdrwvvGS0C9v5OJgoPJmqXsg8qx+kaGOOy/wg0n8vWn3kB7ILxqVYzY5UWwlxQOU7PuanWJFs5XrdAxVy2rr0flePRdTDJI8LlBQcAP8UbSOL3CONDWUaQUlyvAzhsNhOFYIng8I3IKp6OrlIdKwIsur3QYvDXs9mzr9oASvgQwPcaABuU9zcvleroNBFtmpKSzutccsJOhF+K8r3MaA7gGT7DNcpKAC/xFi2iG6fPq+m1WKUA4dS6bhWC9Yyb9Xz3pj8AZXwOxjdSAIQ9mu9dzP3q2DKDRTtpuGjVztZDDOz1unej/gBs4zEIj6QWBS5upTp2YsSqeq+LuPb3067yVwAgrW5oOh4g3mgmksVgegxNMSQe+5cB0AVwXejUKV77pFOMWwWA8aQ5lFgOeb3dBImLalLMnVK+J2eehWLdAX8IqUoBJz2bNEG+Y/IT5X41vcuQkyuBvshl69+2eaBPAKpSwG2Cdgy93oHg4xqXJH9TpTpfKREXgPA6GMuzU41Q/R+zCRL2SctxbRkBIGHRRx/fq/8Q+wREg/JXa/hSWgq056TmJTRhD3+i4CVJgej5UbpA7XujXMPD9Ob98fofHQCPQHiskA6VEUE5FSlp9A/UBInQzWUbTtXbBqAvJWqUx4TMGFkpYEDPN9AEBVpKLsEWJ6dRvk55fBnI690CzMDoTqwP3gTJmnp+ireRxC8RhogmunNpxTDKPNaBG2qC6KKZtDJeruk1NCXnYULbhxp62i92Q00QCKfNRGI6SJReACIkRO6+qXUqxjK0gNBI0CTLeI3QtZ7Bpl49+48DS+H1zhb7x+kXJo2QSesZngsNFkoX7phF+U7mjlzEG4N+Kcrx4Efyydw2iiDn5THO2sBLFIOkFNxAtKIARUw/5E2QzBjldNoZpVsoRk4qAGleVyGPAmBxa0I1So8FoCPsFmZzIOdJVYxNUiCc4xo1WDiI+6waBcDONoxH/l0mjhMng8r+xwHQhZ2ttx/NDVes4zLcUyumPQHGE3uqEfXk5Nv/9gBQMG2U024HgECBFmV0gKXjiA8u6w8h9RTDVNMrPwH3lfKciLdksyNTwzty/wATsrFPLbsvywAAAABJRU5ErkJggg==">
+  <title></title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script>
+    // Do NOT change 'ENV' without changing 'custom_env_vars_anchor' in scripts/inject-dynamic-env.sh as well
+    const ENV = {
+      REQUIRE_HTTPS_URL_PATTERN: "true",
+      PORTAL_ASSETS_URL: "http://localhost:3000/assets",
+      PORTAL_BACKEND_URL: "https://portal-backend.int.catena-x.net",
+      CENTRALIDP_URL: "https://centralidp.int.catena-x.net/auth",
+      SSI_CREDENTIAL_URL: "https://ssi-credential-issuer.int.catena-x.net",
+      BPDM_POOL_API_URL: "https://business-partners.int.catena-x.net/pool/v6",
+      BPDM_GATE_API_URL: "https://business-partners.int.catena-x.net/companies/test-company/v6",
+      SEMANTICS_URL: "https://semantics.int.catena-x.net",
+      MANAGED_IDENTITY_WALLETS_NEW_URL: "https://managed-identity-wallets-new.int.catena-x.net",
+      REALM: "CX-Central",
+      CLIENT_ID: "Cl2-CX-Portal",
+      CLIENT_ID_SEMANTIC: "Cl3-CX-Semantic",
+      CLIENT_ID_MIW: "Cl5-CX-Custodian",
+      CLIENT_ID_SSI_CREDENTIAL: "Cl24-CX-SSI-CredentialIssuer"
+    }
+  </script>
+  <script type="module" src="/src/index.tsx"></script>
+</body>
 </html>
diff --git a/src/components/Main.tsx b/src/components/Main.tsx
@@ -31,7 +31,7 @@ import { show } from 'features/control/overlay'
 import { type OVERLAYS, PAGES } from 'types/Constants'
 import MainNotify from './MainNotify'
 import MainSearchOverlay from './shared/frame/SearchOverlay'
-import { MenuInfo } from './pages/Home/components/MenuInfo'
+import { MenuInfo } from './pages/Home/MenuInfo'
 import {
   ApplicationStatus,
   ApplicationType,

diff --git a/src/components/overlays/AddAppUserRoles/index.tsx b/src/components/overlays/AddAppUserRoles/index.tsx
@@ -33,7 +33,7 @@ import UserListContent from './UserListContent'
 import { useDispatch, useSelector } from 'react-redux'
 import { closeOverlay, show } from 'features/control/overlay'
 import { OVERLAYS } from 'types/Constants'
-import './AddAppUserRoles.scss'
+import './style.scss'
 import {
   rolesToAddSelector,
   selectedUserSelector,

diff --git a/...lays/AddAppUserRoles/AddAppUserRoles.scss → ...nents/overlays/AddAppUserRoles/style.scss b/...lays/AddAppUserRoles/AddAppUserRoles.scss → ...nents/overlays/AddAppUserRoles/style.scss
diff --git a/src/components/overlays/AddMultipleUser/index.tsx b/src/components/overlays/AddMultipleUser/index.tsx
@@ -61,7 +61,7 @@ import {
   type IdentityProvider,
   IDPCategory,
 } from 'features/admin/idpApiSlice'
-import './AddMultipleUser.scss'
+import './style.scss'
 import Papa from 'papaparse'
 import { AddUserDeny } from '../AddUser/AddUserDeny'
 import { error } from 'services/NotifyService'

diff --git a/...lays/AddMultipleUser/AddMultipleUser.scss → ...nents/overlays/AddMultipleUser/style.scss b/...lays/AddMultipleUser/AddMultipleUser.scss → ...nents/overlays/AddMultipleUser/style.scss
diff --git a/src/components/overlays/AddTechnicalUser/index.tsx b/src/components/overlays/AddTechnicalUser/index.tsx
@@ -43,7 +43,7 @@ import { UserDetailCard } from 'components/shared/basic/UserDetailInfo/UserDetai
 import { ServerResponseOverlay } from '../ServerResponse'
 import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline'
 import HelpOutlineIcon from '@mui/icons-material/HelpOutline'
-import './TechnicalUserAddForm.scss'
+import './style.scss'
 
 export const AddTechnicalUser = () => {
   const { t } = useTranslation()

diff --git a/...ddTechnicalUser/TechnicalUserAddForm.scss → ...ents/overlays/AddTechnicalUser/style.scss b/...ddTechnicalUser/TechnicalUserAddForm.scss → ...ents/overlays/AddTechnicalUser/style.scss
diff --git a/src/components/overlays/AddUser/AddUserContent.tsx b/src/components/overlays/AddUser/AddUserContent.tsx
@@ -35,7 +35,7 @@ import {
 } from 'features/admin/userDeprecated/slice'
 import { useDispatch, useSelector } from 'react-redux'
 import { closeOverlay } from 'features/control/overlay'
-import './AddUserOverlay.scss'
+import './style.scss'
 import { SingleUserContent } from './SingleUserContent'
 import {
   setAddUserError,

diff --git a/...ents/overlays/AddUser/AddUserOverlay.scss → src/components/overlays/AddUser/style.scss b/...ents/overlays/AddUser/AddUserOverlay.scss → src/components/overlays/AddUser/style.scss
diff --git a/...components/overlays/AddusersIDP/index.tsx → ...components/overlays/AddUsersIDP/index.tsx b/...components/overlays/AddusersIDP/index.tsx → ...components/overlays/AddUsersIDP/index.tsx
@@ -53,7 +53,7 @@ import {
 import { error, success } from 'services/NotifyService'
 import HelpOutlineIcon from '@mui/icons-material/HelpOutline'
 import DownloadIcon from '@mui/icons-material/Download'
-import './AddUsersIDP.scss'
+import './style.scss'
 import { Dropzone, type DropzoneFile } from 'components/shared/basic/Dropzone'
 import Papa from 'papaparse'
 
@@ -124,7 +124,7 @@ const SelectFormat = ({
   )
 }
 
-const AddusersIDPResponse = ({
+const AddUsersIDPResponse = ({
   csvData,
   response,
 }: {
@@ -202,7 +202,7 @@ const AddusersIDPResponse = ({
   )
 }
 
-export const AddusersIDP = ({ id }: { id: string }) => {
+export const AddUsersIDP = ({ id }: { id: string }) => {
   const { t } = useTranslation('idp')
   const dispatch = useDispatch()
   const idpData = useFetchIDPDetailQuery(id).data
@@ -425,36 +425,48 @@ export const AddusersIDP = ({ id }: { id: string }) => {
     [dispatch, t]
   )
 
-  const onDrop = useCallback(
-    (acceptedFile: DropzoneFile) => {
-      if (!acceptedFile) {
+  const renderOnLoad = (reader: FileReader, acceptedFile: DropzoneFile) => {
+    if (!reader.result) return
+    if (!acceptedFile.type.includes(format.toLowerCase())) {
+      //checking selected format is similar to uploaded file format
+      error(t(`state.${IDPState.ERROR_INVALID_FORMAT}`))
+      setStatus(false)
+      setUploadedFile(undefined)
+      return
+    }
+    if (format === FileFormat.JSON && typeof reader.result === 'string') {
+      //if file is JSON
+      const content = JSON.stringify(json2csv(JSON.parse(reader.result)))
+      const JSONData = JSON.parse(reader.result)
+      const jsonKeys = JSONData.map((obj: FileData) => Object.keys(obj))[0]
+      if (
+        !jsonHeaderList.reduce(
+          (a, c, i) => a && jsonKeys[i].toLowerCase() === c.toLowerCase(),
+          true
+        )
+      ) {
+        error(t(`state.${IDPState.ERROR_FILE_HEADER}`))
+        setStatus(false)
+        setTimeout(() => {
+          setStatus(undefined)
+        }, 3000)
         setUploadedFile(undefined)
         return
       }
-      const reader = new FileReader()
-      reader.onabort = () => {
-        console.log('file reading was aborted')
-      }
-      reader.onerror = () => {
-        console.log('file reading has failed')
-      }
-      reader.onload = () => {
-        if (!reader.result) return
-        if (!acceptedFile.type.includes(format.toLowerCase())) {
-          //checking selected format is similar to uploaded file format
-          error(t(`state.${IDPState.ERROR_INVALID_FORMAT}`))
-          setStatus(false)
-          setUploadedFile(undefined)
-          return
-        }
-        if (format === FileFormat.JSON && typeof reader.result === 'string') {
-          //if file is JSON
-          const content = JSON.stringify(json2csv(JSON.parse(reader.result)))
-          const JSONData = JSON.parse(reader.result)
-          const jsonKeys = JSONData.map((obj: FileData) => Object.keys(obj))[0]
+      setCsvData(csv2json(content))
+      storeData(JSON.stringify(csv2json(content)))
+    } else {
+      //if file is CSV
+      const content = JSON.stringify(reader.result)
+      Papa.parse(acceptedFile, {
+        skipEmptyLines: true,
+        complete: function (results) {
+          const csvData: Array<Array<string>> = results.data as Array<
+            Array<string>
+          >
           if (
-            !jsonHeaderList.reduce(
-              (a, c, i) => a && jsonKeys[i].toLowerCase() === c.toLowerCase(),
+            !csvHeaderList.reduce(
+              (a, c, i) => a && csvData[0][i].toLowerCase() === c.toLowerCase(),
               true
             )
           ) {
@@ -464,38 +476,29 @@ export const AddusersIDP = ({ id }: { id: string }) => {
               setStatus(undefined)
             }, 3000)
             setUploadedFile(undefined)
-            return
           }
-          setCsvData(csv2json(content))
-          storeData(JSON.stringify(csv2json(content)))
-        } else {
-          //if file is CSV
-          const content = JSON.stringify(reader.result)
-          Papa.parse(acceptedFile, {
-            skipEmptyLines: true,
-            complete: function (results) {
-              const csvData: Array<Array<string>> = results.data as Array<
-                Array<string>
-              >
-              if (
-                !csvHeaderList.reduce(
-                  (a, c, i) =>
-                    a && csvData[0][i].toLowerCase() === c.toLowerCase(),
-                  true
-                )
-              ) {
-                error(t(`state.${IDPState.ERROR_FILE_HEADER}`))
-                setStatus(false)
-                setTimeout(() => {
-                  setStatus(undefined)
-                }, 3000)
-                setUploadedFile(undefined)
-              }
-            },
-          })
-          setCsvData(csv2json(content))
-          storeData(JSON.stringify(csv2json(content)))
-        }
+        },
+      })
+      setCsvData(csv2json(content))
+      storeData(JSON.stringify(csv2json(content)))
+    }
+  }
+
+  const onDrop = useCallback(
+    (acceptedFile: DropzoneFile) => {
+      if (!acceptedFile) {
+        setUploadedFile(undefined)
+        return
+      }
+      const reader = new FileReader()
+      reader.onabort = () => {
+        console.log('file reading was aborted')
+      }
+      reader.onerror = () => {
+        console.log('file reading has failed')
+      }
+      reader.onload = () => {
+        renderOnLoad(reader, acceptedFile)
       }
       setUploadedFile(acceptedFile)
       reader.readAsText(acceptedFile)
@@ -693,7 +696,7 @@ export const AddusersIDP = ({ id }: { id: string }) => {
       />
       <DialogContent>
         {userResponse?.data ? (
-          <AddusersIDPResponse csvData={csvData} response={userResponse.data} />
+          <AddUsersIDPResponse csvData={csvData} response={userResponse.data} />
         ) : (
           renderContent()
         )}

diff --git a/...nts/overlays/AddusersIDP/AddUsersIDP.scss → ...omponents/overlays/AddUsersIDP/style.scss b/...nts/overlays/AddusersIDP/AddUsersIDP.scss → ...omponents/overlays/AddUsersIDP/style.scss
diff --git a/src/components/overlays/AppMarketplaceRequest/index.tsx b/src/components/overlays/AppMarketplaceRequest/index.tsx
@@ -35,7 +35,7 @@ import {
   useFetchAgreementsQuery,
 } from 'features/apps/apiSlice'
 import { closeOverlay } from 'features/control/overlay'
-import './AppMarketplaceRequest.scss'
+import './style.scss'
 import { error } from 'services/NotifyService'
 import { AgreementStatus } from '../UpdateCompanyRole'
 import { type AgreementRequest } from 'features/apps/types'

diff --git a/...etplaceRequest/AppMarketplaceRequest.scss → ...overlays/AppMarketplaceRequest/style.scss b/...etplaceRequest/AppMarketplaceRequest.scss → ...overlays/AppMarketplaceRequest/style.scss
diff --git a/src/components/overlays/AppOverViewConfirm/index.tsx b/src/components/overlays/AppOverViewConfirm/index.tsx
@@ -28,7 +28,7 @@ import {
 import { closeOverlay } from 'features/control/overlay'
 import { useTranslation } from 'react-i18next'
 import { useDispatch } from 'react-redux'
-import './AppOverviewConfirm.scss'
+import './style.scss'
 import { useNavigate } from 'react-router-dom'
 import { PAGES } from 'types/Constants'
 import { setApplicationId } from 'features/appManagement/slice'

diff --git a/...ppOverViewConfirm/AppOverviewConfirm.scss → ...ts/overlays/AppOverViewConfirm/style.scss b/...ppOverViewConfirm/AppOverviewConfirm.scss → ...ts/overlays/AppOverViewConfirm/style.scss
diff --git a/src/components/overlays/BusinessPartnerInfo/index.tsx b/src/components/overlays/BusinessPartnerInfo/index.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import BusinessPartnerDetail from 'components/pages/PartnerNetwork/components/BusinessPartnerDetailOverlay/BusinessPartnerDetail'
+import BusinessPartnerDetail from 'components/pages/PartnerNetwork/BusinessPartnerDetailOverlay/BusinessPartnerDetail'
 import {
   Button,
   DialogActions,

diff --git a/...components/overlays/EditUsecase/index.tsx → ...components/overlays/EditUseCase/index.tsx b/...components/overlays/EditUsecase/index.tsx → ...components/overlays/EditUseCase/index.tsx
@@ -39,13 +39,13 @@ import { Dropzone } from '../../shared/basic/Dropzone'
 import './style.scss'
 import { useAddUsecaseMutation } from 'features/usecase/usecaseApiSlice'
 
-export default function EditUsecase({
+export default function EditUseCase({
   id: verifiedCredentialTypeId,
   title: credentialType,
-}: {
+}: Readonly<{
   id: string
   title: string
-}) {
+}>) {
   const { t } = useTranslation()
   const dispatch = useDispatch<typeof store.dispatch>()
   const [uploadedFile, setUploadedFile] = useState<File>()

diff --git a/...omponents/overlays/EditUsecase/style.scss → ...omponents/overlays/EditUseCase/style.scss b/...omponents/overlays/EditUsecase/style.scss → ...omponents/overlays/EditUseCase/style.scss
diff --git a/src/components/overlays/IDPDelete/index.tsx b/src/components/overlays/IDPDelete/index.tsx
@@ -34,7 +34,7 @@ import { useDispatch } from 'react-redux'
 import { closeOverlay } from 'features/control/overlay'
 import { useRemoveIDPMutation } from 'features/admin/idpApiSlice'
 
-import './idpdelete.scss'
+import './style.scss'
 
 interface Status {
   error: boolean

diff --git a/...ponents/overlays/IDPDelete/idpdelete.scss → src/components/overlays/IDPDelete/style.scss b/...ponents/overlays/IDPDelete/idpdelete.scss → src/components/overlays/IDPDelete/style.scss
diff --git a/src/components/overlays/InviteForm/index.tsx b/src/components/overlays/InviteForm/index.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import './InviteForm.scss'
+import './style.scss'
 import type { InviteData } from 'features/admin/registration/types'
 import {
   Button,

diff --git a/...nents/overlays/InviteForm/InviteForm.scss → ...components/overlays/InviteForm/style.scss b/...nents/overlays/InviteForm/InviteForm.scss → ...components/overlays/InviteForm/style.scss
diff --git a/src/components/overlays/ServiceRequest/index.tsx b/src/components/overlays/ServiceRequest/index.tsx
@@ -34,7 +34,7 @@ import {
   useFetchAgreementsQuery,
 } from 'features/serviceMarketplace/serviceApiSlice'
 import { closeOverlay } from 'features/control/overlay'
-import './ServiceRequest.scss'
+import './style.scss'
 import { error } from 'services/NotifyService'
 import { AgreementStatus } from '../UpdateCompanyRole'
 

diff --git a/...erlays/ServiceRequest/ServiceRequest.scss → ...onents/overlays/ServiceRequest/style.scss b/...erlays/ServiceRequest/ServiceRequest.scss → ...onents/overlays/ServiceRequest/style.scss
diff --git a/...onents/CheckList/CheckListFullButtons.tsx → ...quests/CheckList/CheckListFullButtons.tsx b/...onents/CheckList/CheckListFullButtons.tsx → ...quests/CheckList/CheckListFullButtons.tsx
@@ -39,7 +39,7 @@ interface CheckListFullButtonsProps {
 export default function CheckListFullButtons({
   progressButtons,
   selectedRequestId,
-}: CheckListFullButtonsProps) {
+}: Readonly<CheckListFullButtonsProps>) {
   const { t } = useTranslation()
   const [checkListButtons, setCheckListButtons] =
     useState<ProgressButtonsType[]>()

diff --git a/...onRequests/components/CheckList/index.tsx → .../RegistrationRequests/CheckList/index.tsx b/...onRequests/components/CheckList/index.tsx → .../RegistrationRequests/CheckList/index.tsx
@@ -53,7 +53,7 @@ export default function CheckList({
   alignRow = 'center',
   onButtonClick,
   selectedButton,
-}: CheckListProps) {
+}: Readonly<CheckListProps>) {
   const { t } = useTranslation()
   const [checkListButtons, setCheckListButtons] =
     useState<ProgressButtonsType[]>()

diff --git a/...anyDetailOverlay/CompanyDetailsHelper.tsx → ...anyDetailOverlay/CompanyDetailsHelper.tsx b/...anyDetailOverlay/CompanyDetailsHelper.tsx → ...anyDetailOverlay/CompanyDetailsHelper.tsx