feat(Footer): make Footer texts configurable

messages_example.json

@@ -1,5 +1,6 @@
 {
   "footerFootnote": "AOE is a leading global provider of services for digital transformation and digital business models. AOE relies exclusively on established Enterprise Open Source technologies. This leads to innovative solutions, digital products and portals in agile software projects, and helps build long-lasting, strategic partnerships with our customers.",
+  "socialLinksLabel": "Follow us:",
   "socialLinks": [
     { "href": "https://www.facebook.com/aoepeople", "iconName": "facebook" },
     { "href": "https://twitter.com/aoepeople", "iconName": "twitter" },
@@ -97,6 +98,7 @@
     "publishedLabel": "Quadrant Overview"
   },
   "legalInformationLink": "https://www.aoe.com/en/imprint.html",
+  "legalInformationLabel": "Legal Information",
   "searchLabel": "Search",
   "searchPlaceholder": "What are you looking for?",
   "revisionsText": "Revisions:"

public/messages.json

@@ -1,5 +1,6 @@
 {
   "footerFootnote": "AOE is a leading global provider of services for digital transformation and digital business models. AOE relies exclusively on established Enterprise Open Source technologies. This leads to innovative solutions, digital products and portals in agile software projects, and helps build long-lasting, strategic partnerships with our customers.",
+  "socialLinksLabel": "Follow us:",
   "socialLinks": [
     { "href": "https://www.facebook.com/aoepeople", "iconName": "facebook" },
     { "href": "https://twitter.com/aoepeople", "iconName": "twitter" },
@@ -97,6 +98,7 @@
     "publishedLabel": "Quadrant Overview"
   },
   "legalInformationLink": "https://www.aoe.com/en/imprint.html",
+  "legalInformationLabel": "Legal Information",
   "searchLabel": "Search",
   "searchPlaceholder": "What are you looking for?",
   "revisionsText": "Revisions:"

src/components/FooterEnd/FooterEnd.tsx

@@ -9,7 +9,7 @@ interface Props {
 }
 
 const FooterEnd: React.FC<Props> = ({ modifier }) => {
-  const { socialLinks, legalInformationLink } = useMessages();
+  const { socialLinksLabel, socialLinks, legalInformationLink, legalInformationLabel } = useMessages();
 
   return (
     <div
@@ -21,7 +21,7 @@ const FooterEnd: React.FC<Props> = ({ modifier }) => {
         {socialLinks && (
           <>
             <div className="footer-social__label">
-              <p>Follow us:</p>
+              <p>{socialLinksLabel ?? 'Follow us:' }</p>
             </div>
             <div className="footer-social__links">
               {socialLinks.map(({ href, iconName }) => (
@@ -40,7 +40,7 @@ const FooterEnd: React.FC<Props> = ({ modifier }) => {
               target="_blank"
               rel="noopener noreferrer"
             >
-              Legal Information
+              {legalInformationLabel || 'Legal Information'}
             </a>
           </p>
         </div>

src/context/MessagesContext/index.tsx

@@ -44,7 +44,9 @@ interface PageIndex {
 
 export interface Messages {
   footerFootnote?: string;
+  socialLinksLabel?: string;
   socialLinks?: SocialLink[];
+  legalInformationLabel?: string;
   legalInformationLink?: string;
   pageHelp?: PageHelp;
   pageOverview?: PageOverview;