🐛 Don't use MTA accronym (#627)

* Don't use MTA accronym Signed-off-by: Gilles Dubreuil <[email protected]> * Add About Signed-off-by: Gilles Dubreuil <[email protected]> * Clear snapshot Signed-off-by: Gilles Dubreuil <[email protected]> --------- Signed-off-by: Gilles Dubreuil <[email protected]> Co-authored-by: Ian Bolton <[email protected]>
konveyor · Feb 20, 2023 · f005ce6 · f005ce6
1 parent 15abe7e
commit f005ce6
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 294 deletions.
diff --git a/client/public/locales/en/translation.json b/client/public/locales/en/translation.json
@@ -1,5 +1,6 @@
 {
   "about": {
+    "about": "About",
     "bottom1": "{{brandType}} is a project within the",
     "bottom2": "For more information please refer to",
     "description": "{{brandType}} allows users to maintain their portfolio of applications with a full set of metadata and to assess their suitability for modernization leveraging a questionnaire based approach.",

diff --git a/client/public/locales/es/translation.json b/client/public/locales/es/translation.json
@@ -1,5 +1,6 @@
 {
   "about": {
+    "about": "Acerca de",
     "bottom1": "{{brandType}} es un proyecto dentro de ",
     "bottom2": "Para mayor información por favor diríjase a ",
     "description": "{{brandType}} permite a los usuarios mantener su cartera de aplicaciones con un conjunto completo de metadatos y evaluar su idoneidad para la modernización aprovechando un enfoque basado en cuestionarios.",

diff --git a/client/src/app/layout/AppAboutModal/AppAboutModal.tsx b/client/src/app/layout/AppAboutModal/AppAboutModal.tsx
@@ -25,7 +25,10 @@ export const AppAboutModal: React.FC<AppAboutModalProps> = ({
   onClose,
 }) => {
   const { t } = useTranslation();
-  const brandName = APP_BRAND === BrandType.Konveyor ? "Tackle" : "MTA";
+  const brandName =
+    APP_BRAND === BrandType.Konveyor
+      ? "Tackle"
+      : "Migration Toolkit for Applications";
   return (
     <AboutModal
       isOpen={isOpen}
@@ -37,7 +40,8 @@ export const AppAboutModal: React.FC<AppAboutModalProps> = ({
       brandImageAlt="Logo"
       productName={brandName}
     >
-      <TextContent className="pf-u-py-xl">
+      <TextContent>
+        <Text component={TextVariants.h4}>{t("about.about")}</Text>
         <Text component={TextVariants.p}>
           {t("about.introduction", { brandType: brandName })}
         </Text>

diff --git a/client/src/app/layout/AppAboutModal/tests/__snapshots__/AppAboutModal.test.tsx.snap b/client/src/app/layout/AppAboutModal/tests/__snapshots__/AppAboutModal.test.tsx.snap