Fix deprecation notice (ts-jest) + fix footer logo

UnlyEd · Jan 10, 2021 · 10c1ae9 · 10c1ae9
1 parent d3bae43
commit 10c1ae9
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 33 deletions.
diff --git a/jest.config.js b/jest.config.js
@@ -8,7 +8,7 @@ module.exports = {
     //  can see this setting in tsconfig.jest.json -> "jsx": "react"
     //  See https://github.com/vercel/next.js/issues/8663
     'ts-jest': {
-      tsConfig: 'tsconfig.jest.json',
+      tsconfig: 'tsconfig.jest.json',
     },
   },
   modulePathIgnorePatterns: [

diff --git a/src/components/pageLayouts/Footer.tsx b/src/components/pageLayouts/Footer.tsx
@@ -9,7 +9,6 @@ import useCustomer from '../../hooks/useCustomer';
 import { CSSStyles } from '../../types/CSSStyles';
 import { Asset } from '../../types/data/Asset';
 import { Customer } from '../../types/data/Customer';
-import { CustomerTheme } from '../../types/data/CustomerTheme';
 import { SIZE_XS } from '../../utils/assets/logo';
 import GraphCMSAsset from '../assets/GraphCMSAsset';
 import Logo from '../assets/Logo';
@@ -63,49 +62,52 @@ const Footer: React.FunctionComponent<Props> = (props) => {
           padding: 20px;
           height: 40vh;
         }
-      }
 
-      img {
-        max-width: 300px;
-      }
+        #footer-logo {
+          max-width: 200px; // Opinionated limit
+        }
 
-      .column-center {
-        align-self: flex-end;
-      }
+        img {
+          max-width: 300px;
+        }
 
-      .column-right {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-      }
+        .column-center {
+          align-self: flex-end;
+        }
 
-      .credits {
-        opacity: 0.35;
-        margin-left: 20px
-      }
+        .column-right {
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+        }
 
-      .credits-container {
-        display: flex;
-        align-items: center;
-        justify-content: center;
+        .credits {
+          opacity: 0.35;
+          margin-left: 20px
+        }
 
-        @media (max-width: 991.98px) {
-          display: block;
+        .credits-container {
+          display: flex;
           align-items: center;
           justify-content: center;
-          text-align: center;
+
+          @media (max-width: 991.98px) {
+            display: block;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+          }
         }
-      }
 
-      .links {
-        color: ${onBackgroundColor};
+        .links {
+          color: ${onBackgroundColor};
 
-        @media (max-width: 991.98px) {
-          align-items: center;
-          justify-content: center;
-          text-align: center;
+          @media (max-width: 991.98px) {
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+          }
         }
-      }
       `}
     >
       <section className="credits-container">