update(imprint): updated imprint page changes

eclipse-tractusx · Jul 5, 2024 · 1ebb30c · 1ebb30c
1 parent 79b574b
commit 1ebb30c
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 67 deletions.
diff --git a/src/assets/locales/de/footer.json b/src/assets/locales/de/footer.json
@@ -6,16 +6,19 @@
   "imprint": {
     "title": "Abdruck",
     "directors": "Verwaltungsrat",
-    "ceo": "HAUPTGESCHÄFTSFÜHRER",
-    "deputyCeo": "Stellvertretender Geschäftsführer",
-    "treasurer": "Schatzmeister",
+    "ceo": "CEO: [Platzhalter für CEO-Name]",
+    "deputyCeo": "Stellvertretender CEO: [Platzhalter für Name des stellvertretenden CEO]",
+    "treasurer": "Schatzmeister: [Platzhalter für Name des Schatzmeisters]",
     "address": "Adresse",
-    "contact&support": "Kontakt & Support",
-    "contact&supportDesc": "Wenn Sie Hilfe benötigen, besuchen Sie bitte unsere Support-Seite oder nutzen Sie das Kontaktformular auf unserer Website. Für direkte Anfragen kontaktieren Sie uns über die bereitgestellten Kanäle auf der Kontaktseite.",
+    "contact&Support": "Kontakt & Support",
+    "contact&SupportDesc": "Wenn Sie Hilfe benötigen, besuchen Sie bitte unsere Support-Seite oder nutzen Sie das Kontaktformular auf unserer Website. Für direkte Anfragen kontaktieren Sie uns über die bereitgestellten Kanäle auf der Kontaktseite.",
     "privacy": "Privatsphäre",
     "privacyDesc": "Für Fragen zum Datenschutz und Informationen darüber, welche Daten bei Ihnen erhoben werden, finden Sie alle Details unter folgendem Link:",
     "privacyPolicy": "Datenschutzrichtlinie",
-    "catenaxAutomativeNetwork": "Catena-X Automotive Network e.V."
+    "nameOfOrganization": "[Name der Organisation]",
+    "careOf": "c/o [Platzhalter für Dienstleistungsunternehmen]",
+    "street": "[Platzhalter für Straße]",
+    "postalCode&City": "[Platzhalter für Postleitzahl und Ort]"
   },
   "privacy": {
     "title": "Privatsphäre",

diff --git a/src/assets/locales/en/footer.json b/src/assets/locales/en/footer.json
@@ -6,16 +6,19 @@
   "imprint": {
     "title": "Imprint",
     "directors": "Board of Directors",
-    "ceo": "CEO",
-    "deputyCeo": "Deputy CEO",
-    "treasurer": "Treasurer",
+    "ceo": "CEO: [Placeholder for CEO Name]",
+    "deputyCeo": "Deputy CEO: [Placeholder for Deputy CEO Name]",
+    "treasurer": "Treasurer: [Placeholder for Treasurer Name]",
     "address": "Address",
-    "contact&support": "Contact & Support",
-    "contact&supportDesc": "For assistance, please refer to our support page or use the contact form provided on our website. For direct inquiries, contact us via the provided channels on the contact page.",
+    "contact&Support": "Contact & Support",
+    "contact&SupportDesc": "For assistance, please refer to our support page or use the contact form provided on our website. For direct inquiries, contact us via the provided channels on the contact page.",
     "privacy": "Privacy",
     "privacyDesc": "For questions about data protection and information about what data is collected from you, you can find all the details under the following link:",
     "privacyPolicy": "Privacy Policy",
-    "catenaxAutomativeNetwork": "Catena-X Automotive Network e.V."
+    "nameOfOrganization": "[Name of the Organization]",
+    "careOf": "c/o [Service Company Placeholder]",
+    "street": "[Placeholder for Street]",
+    "postalCode&City": "[Placeholder for Postal Code and City]"
   },
   "privacy": {
     "title": "Privacy",

diff --git a/src/components/pages/Imprint/index.tsx b/src/components/pages/Imprint/index.tsx
@@ -18,76 +18,34 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import {
-  Input,
-  PageHeader,
-  Typography,
-} from '@catena-x/portal-shared-components'
-import { Box } from '@mui/material'
+import { PageHeader, Typography } from '@catena-x/portal-shared-components'
 import { useTranslation } from 'react-i18next'
 
 export default function Imprint() {
   const { t } = useTranslation('footer', { keyPrefix: 'imprint' })
 
-  const handlePlaceHolder = (
-    label: string,
-    placeholder: string,
-    margin: string
-  ) => {
-    return (
-      <div>
-        <Box sx={{ display: 'inline-flex' }}>
-          <Typography variant="body2" sx={{ mt: 3 }}>
-            {label}
-          </Typography>
-          <div style={{ margin }}>
-            <Input
-              sx={{
-                width: 'max-width',
-                ml: 1,
-                p: 0,
-                display: 'inline-flex',
-                '.MuiFilledInput-input': { padding: '10px !important' },
-              }}
-              placeholder={placeholder}
-              disabled={true}
-            />
-          </div>
-        </Box>
-      </div>
-    )
-  }
-
   return (
     <main>
       <PageHeader headerHeight={200} topPage={true} title={t('title')} />
       <section>
         <Typography variant="h5">{t('directors')}</Typography>
-
-        {handlePlaceHolder(`${t('ceo')} :`, 'Oliver Ganser', '-29px 0 0 0')}
-        {handlePlaceHolder(
-          `${t('deputyCeo')} :`,
-          'Prof. Dr.-Ing. Boris Otto',
-          '-25px 0 0 0'
-        )}
-        {handlePlaceHolder(
-          `${t('treasurer')} :`,
-          'Claus Cremers',
-          '-20px 0 0 0'
-        )}
+        <Typography variant="body2">({t('ceo')})</Typography>
+        <Typography variant="body2">({t('deputyCeo')})</Typography>
+        <Typography variant="body2">({t('treasurer')})</Typography>
         <br />
-        <Typography variant="body2">{t('address')}</Typography>
-        <Typography variant="body2">{t('catenaxAutomativeNetwork')}</Typography>
-        {handlePlaceHolder('c/o : ', 'IFOK GmbH', '-20px 0 0 0')}
-        {handlePlaceHolder('', 'Reinhardtstraße 58', '-20px 0 0 0')}
-        {handlePlaceHolder('', '10117 Berlin', '-20px 0 0 0')}
+        <Typography variant="h5">{t('address')}</Typography>
+        <Typography variant="body2">{t('nameOfOrganization')}</Typography>
+        <Typography variant="body2">{t('careOf')}</Typography>
+        <Typography variant="body2">{t('street')}</Typography>
+        <Typography variant="body2">{t('postalCode&City')}</Typography>
         <br />
-        <Typography variant="h5">{t('contact&support')}</Typography>
-        <Typography variant="body2">{t('contact&supportDesc')}</Typography>
+        <Typography variant="h5">{t('contact&Support')}</Typography>
+        <Typography variant="body2">{t('contact&SupportDesc')}</Typography>
         <br />
         <Typography variant="h5">{t('privacy')}</Typography>
         <Typography variant="body2">{t('privacyDesc')}</Typography>
-        <a href="./privacy">{t('privacyPolicy')}</a>
+        {/* TODO: once privacy page's content is available, then href url can be changed to href="./privacy" */}
+        <a href="./imprint">{t('privacyPolicy')}</a>
       </section>
     </main>
   )