AJR/TechRadarAJR
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(Footer): make Footer texts configurable

Browse Source
This commit is contained in:
Danny Koppenhagen
2021-10-26 20:29:07 +02:00
committed by Bastian
parent 887d4cd9c3
commit 8b052b6221
4 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
messages_example.json
View File

@@ -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.", "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": [ "socialLinks": [
{ "href": "https://www.facebook.com/aoepeople", "iconName": "facebook" }, { "href": "https://www.facebook.com/aoepeople", "iconName": "facebook" },
{ "href": "https://twitter.com/aoepeople", "iconName": "twitter" }, { "href": "https://twitter.com/aoepeople", "iconName": "twitter" },
@@ -97,6 +98,7 @@
"publishedLabel": "Quadrant Overview" "publishedLabel": "Quadrant Overview"
}, },
"legalInformationLink": "https://www.aoe.com/en/imprint.html", "legalInformationLink": "https://www.aoe.com/en/imprint.html",
"legalInformationLabel": "Legal Information",
"searchLabel": "Search", "searchLabel": "Search",
"searchPlaceholder": "What are you looking for?", "searchPlaceholder": "What are you looking for?",
"revisionsText": "Revisions:" "revisionsText": "Revisions:"

2
public/messages.json
View File

@@ -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.", "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": [ "socialLinks": [
{ "href": "https://www.facebook.com/aoepeople", "iconName": "facebook" }, { "href": "https://www.facebook.com/aoepeople", "iconName": "facebook" },
{ "href": "https://twitter.com/aoepeople", "iconName": "twitter" }, { "href": "https://twitter.com/aoepeople", "iconName": "twitter" },
@@ -97,6 +98,7 @@
"publishedLabel": "Quadrant Overview" "publishedLabel": "Quadrant Overview"
}, },
"legalInformationLink": "https://www.aoe.com/en/imprint.html", "legalInformationLink": "https://www.aoe.com/en/imprint.html",
"legalInformationLabel": "Legal Information",
"searchLabel": "Search", "searchLabel": "Search",
"searchPlaceholder": "What are you looking for?", "searchPlaceholder": "What are you looking for?",
"revisionsText": "Revisions:" "revisionsText": "Revisions:"

6
src/components/FooterEnd/FooterEnd.tsx
View File

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

2
src/context/MessagesContext/index.tsx
View File

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