From 3e2e29a547246c997526563d6cef72fa0ee0efbb Mon Sep 17 00:00:00 2001 From: noahbjohnson Date: Fri, 1 Mar 2024 13:15:22 -0600 Subject: [PATCH] lint --- src/app.tsx | 9 +- src/components/footer/footer.tsx | 39 +++-- src/components/navbar/navbar.tsx | 3 +- src/contexts/Preferences.tsx | 3 +- src/pages/about/About.tsx | 20 ++- src/pages/apps/apps/reps.tsx | 9 +- src/pages/apps/apps/reps/officialCard.tsx | 9 +- src/pages/apps/apps/vote.tsx | 203 +++++++++++----------- src/pages/data-science/DataScience.tsx | 6 +- 9 files changed, 167 insertions(+), 134 deletions(-) diff --git a/src/app.tsx b/src/app.tsx index cf9cf41..20cbcab 100644 --- a/src/app.tsx +++ b/src/app.tsx @@ -12,7 +12,8 @@ import Footer from './components/footer/footer' import React from 'react' export default app -function app() { + +function app () { return ( @@ -21,11 +22,11 @@ function app() {
- - + )}/> - + diff --git a/src/components/footer/footer.tsx b/src/components/footer/footer.tsx index bcdc9f9..902851a 100644 --- a/src/components/footer/footer.tsx +++ b/src/components/footer/footer.tsx @@ -4,14 +4,14 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { faFlickr, faGithub, + faHackerrank, faInstagram, faLinkedin, faSkype, faStackOverflow, - faTwitter, - faHackerrank + faTwitter } from '@fortawesome/free-brands-svg-icons' -import { faComment, faEnvelope, faDna } from '@fortawesome/free-solid-svg-icons' +import { faComment, faDna, faEnvelope } from '@fortawesome/free-solid-svg-icons' import ReactGA from 'react-ga' import { PreferencesContext } from '../../contexts/Preferences' import './footer.css' @@ -20,13 +20,16 @@ const Footer = () => { const { darkMode } = useContext(PreferencesContext) return (
- - + - + { - - + - + - + - - + @@ -56,12 +65,14 @@ const Footer = () => { - + - + diff --git a/src/components/navbar/navbar.tsx b/src/components/navbar/navbar.tsx index ab6d1e3..cacb014 100644 --- a/src/components/navbar/navbar.tsx +++ b/src/components/navbar/navbar.tsx @@ -11,7 +11,8 @@ import { NavLink } from 'react-router-dom' export const NavBar = () => { const { darkMode, toggleDark } = useContext(PreferencesContext) return ( - Noah B. Johnson diff --git a/src/contexts/Preferences.tsx b/src/contexts/Preferences.tsx index 6a6379b..7d24ea5 100644 --- a/src/contexts/Preferences.tsx +++ b/src/contexts/Preferences.tsx @@ -21,7 +21,8 @@ type ProviderState = { const defaultContext = { darkMode: false, manualDarkModeSet: false, - toggleDark: () => {} + toggleDark: () => { + } } export const PreferencesContext = React.createContext(defaultContext) diff --git a/src/pages/about/About.tsx b/src/pages/about/About.tsx index 37918e0..9632b8f 100644 --- a/src/pages/about/About.tsx +++ b/src/pages/about/About.tsx @@ -71,12 +71,15 @@ export const About = () => {
  • Integral part of small team addressing tech debt and product stability
  • Worked extensively in Go to decouple existing services and develop new features
  • -
  • Achieved service restoration when faced with overloaded architecture and upstream services failing
  • +
  • Achieved service restoration when faced with overloaded architecture and upstream + services failing +

GCP Software Engineer

-
kion.io (previously cloudtamer.io) | Remote | September 2020 - August 2022
+
kion.io (previously cloudtamer.io) | Remote | September 2020 + - August 2022
  • Spearheaded support for Google Cloud Platform in Kion's cloud governance solution
  • Built features from planning to release using Angular, GO, Typescript, and MySQL
  • @@ -96,18 +99,23 @@ export const About = () => {
    • Built Custom serverless data pipelines and integrations on Google Cloud Platform
    • Led React application development for client portal and internal tooling
    • -
    • Leveraged Google BigQuery to ensure reliable conversion attribution and segmentation
    • +
    • Leveraged Google BigQuery to ensure reliable conversion attribution and segmentation +

Data Integration Analyst - Internship

SC Data Center, Inc. | Monroe, Wisconsin | Summer 2018
    -
  • Developed a data dictionary web application for the data warehouse. Built full-stack on AWS using +
  • Developed a data dictionary web application for the data warehouse. Built full-stack on + AWS using Node.js and Vue.js
  • -
  • Provided extensive business value with clear data provenance and metadata for all users
  • -
  • Assisted in company-wide efforts to lift-and-shift cobol mainframe routines to an AWS-hosted Hadoop +
  • Provided extensive business value with clear data provenance and metadata for all + users +
  • +
  • Assisted in company-wide efforts to lift-and-shift cobol mainframe routines to an + AWS-hosted Hadoop cluster
diff --git a/src/pages/apps/apps/reps.tsx b/src/pages/apps/apps/reps.tsx index 4d2dcba..9d85fdb 100644 --- a/src/pages/apps/apps/reps.tsx +++ b/src/pages/apps/apps/reps.tsx @@ -80,10 +80,11 @@ export const Reps: FC = () => { { Object.entries(voterInfo.divisions).map((division: [string, any], key) => { return - ReactGA.event({ - category: 'Apps', - action: 'Viewed Division Representatives' - })}> + ReactGA.event({ + category: 'Apps', + action: 'Viewed Division Representatives' + })}> {division[1].name} diff --git a/src/pages/apps/apps/reps/officialCard.tsx b/src/pages/apps/apps/reps/officialCard.tsx index d065b1c..e8b4385 100644 --- a/src/pages/apps/apps/reps/officialCard.tsx +++ b/src/pages/apps/apps/reps/officialCard.tsx @@ -42,11 +42,13 @@ export const OfficialCard: React.FC = (props) => { {props.official.address ? <>Address

- {props.official.address[0].locationName ? <> {props.official.address[0].locationName}
: ''} + {props.official.address[0].locationName ? <> {props.official.address[0].locationName} +
: ''} {props.official.address[0].line1 ? <> {props.official.address[0].line1}
: ''} {props.official.address[0].line2 ? <> {props.official.address[0].line2}
: ''} {props.official.address[0].line3 ? <> {props.official.address[0].line3}
: ''} - {props.official.address[0].city}, {props.official.address[0].state} {props.official.address[0].zip}
+ {props.official.address[0].city}, {props.official.address[0].state} {props.official.address[0].zip} +

: ''} @@ -76,7 +78,8 @@ export const OfficialCard: React.FC = (props) => { switch (channel.type) { case 'Facebook': return + variant={darkMode ? 'outline-light' : 'outline-dark'}> case 'Twitter': return