Homepage update (#2207)

* Homepage update

* Temp patches

Author: buckyroberts

.github/workflows/testing.yml

@@ -11,7 +11,7 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node: ['12.x', '14.x']
+        node: ['14.x']
         os: [ubuntu-latest, windows-latest, macOS-latest]
 
     steps:

package-lock.json

@@ -3,15 +3,15 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@reduxjs/toolkit": "^1.5.0",
+    "@reduxjs/toolkit": "^1.8.6",
     "@thenewboston/ui": "^0.1.16",
     "@thenewboston/utils": "^1.0.0",
-    "axios": "^0.21.1",
+    "axios": "^0.21.4",
     "clsx": "^1.1.1",
     "date-fns": "^2.16.1",
     "formik": "^2.2.2",
     "normalize.css": "^8.0.1",
-    "qrcode": "^1.4.4",
+    "qrcode": "^1.5.1",
     "raf": "^3.4.1",
     "react": "^17.0.1",
     "react-cool-onclickoutside": "^1.5.5",
@@ -84,7 +84,7 @@
     "eslint-config-airbnb": "^18.2.0",
     "eslint-config-airbnb-typescript": "^11.0.0",
     "eslint-config-prettier": "^6.12.0",
-    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jest": "^24.1.0",
     "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-prettier": "^3.1.4",
@@ -104,7 +104,7 @@
     "typescript-plugin-styled-components": "^2.0.0"
   },
   "engines": {
-    "node": ">=12"
+    "node": ">=14"
   },
   "husky": {
     "hooks": {

package.json

@@ -8,12 +8,7 @@ export const Container = styled.div`
   justify-content: center;
 `;
 
-export const Red = styled.span`
-  color: #dd0d15;
-`;
-
-export const Unite = styled.div`
-  color: white;
-  font-family: var(--font-family-mono);
-  font-size: 26px;
+export const Image = styled.img`
+  height: auto;
+  max-width: 260px;
 `;

src/assets/logos/thenewboston.png

@@ -1,13 +1,12 @@
 import React, {FC} from 'react';
 
+import thenewbostonLogo from 'assets/logos/thenewboston.png';
 import * as S from './Styles';
 
 const App: FC = () => {
   return (
     <S.Container>
-      <S.Unite>
-        U<S.Red>n</S.Red>ite.
-      </S.Unite>
+      <S.Image alt="thenewboston logo" src={thenewbostonLogo} />
     </S.Container>
   );
 };

src/containers/App/Styles.ts

@@ -39,6 +39,8 @@ const EditUserModal: FC<ComponentProps> = ({close}) => {
     try {
       setSubmitting(true);
       await dispatch(
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
         editUser({
           account_number: accountNumber,
           discord_username: discordUsername,

src/containers/App/index.tsx

@@ -26,6 +26,8 @@ const Profile: FC = () => {
   useEffect(() => {
     const fetchData = async (): Promise<void> => {
       try {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
         await dispatch(getUser(userId));
       } catch (error) {
         setErrorMessage('Error retrieving user');

src/containers/EditUserModal/index.tsx

@@ -25,6 +25,8 @@ const SignIn: FC = () => {
   const handleSubmit = async ({email, password}: FormValues): Promise<void> => {
     try {
       setSubmitting(true);
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
       const {data} = await dispatch(login({email, password}));
       setSubmitting(false);
       history.push(`/users/${data.user.pk}`);