From f3bb39d85f06abc10add81dfcd264ae4c875a768 Mon Sep 17 00:00:00 2001 From: Logan Rasmussen Date: Mon, 20 Oct 2025 17:35:11 -0600 Subject: [PATCH] fix: remove wells fargo images and replace them with an html and css solution --- src/components/ExampleCheckbox.tsx | 58 +++++++ src/components/TouchIndicator.tsx | 27 ++++ src/const/language/es.json | 3 + src/const/language/es.po | 18 ++- src/const/language/frCa.json | 3 + src/const/language/frCa.po | 18 ++- src/redux/reducers/userFeaturesSlice.ts | 2 +- src/views/oauth/OAuthDefault.js | 6 +- .../experiments/PredirectInstructions.css | 67 ++++++++ .../experiments/PredirectInstructions.tsx | 109 +++++++++++++ .../experiments/WellsFargoInstructions.tsx | 72 --------- .../__tests__/PredirectInstructions-test.tsx | 153 ++++++++++++++++++ .../oauth/experiments/agg-wells-dark.svg | 25 --- .../oauth/experiments/agg-wells-light.svg | 37 ----- .../oauth/experiments/iav-wells-dark.svg | 33 ---- .../oauth/experiments/iav-wells-light.svg | 45 ------ typings/connectProps.d.ts | 3 +- 17 files changed, 456 insertions(+), 223 deletions(-) create mode 100644 src/components/ExampleCheckbox.tsx create mode 100644 src/components/TouchIndicator.tsx create mode 100644 src/views/oauth/experiments/PredirectInstructions.css create mode 100644 src/views/oauth/experiments/PredirectInstructions.tsx delete mode 100644 src/views/oauth/experiments/WellsFargoInstructions.tsx create mode 100644 src/views/oauth/experiments/__tests__/PredirectInstructions-test.tsx delete mode 100644 src/views/oauth/experiments/agg-wells-dark.svg delete mode 100644 src/views/oauth/experiments/agg-wells-light.svg delete mode 100644 src/views/oauth/experiments/iav-wells-dark.svg delete mode 100644 src/views/oauth/experiments/iav-wells-light.svg diff --git a/src/components/ExampleCheckbox.tsx b/src/components/ExampleCheckbox.tsx new file mode 100644 index 0000000000..1cacaf671a --- /dev/null +++ b/src/components/ExampleCheckbox.tsx @@ -0,0 +1,58 @@ +import React from 'react' +import PropTypes from 'prop-types' +import { useTheme } from '@mui/material' +import { TouchIndicator } from 'src/components/TouchIndicator' + +export const ExampleCheckbox: React.FC< + React.HTMLAttributes & { + pseudoFocusColor: string + showTouchIndicator?: boolean + } +> = ({ id, showTouchIndicator, pseudoFocusColor }) => { + const theme = useTheme() + const checkboxSize = '1em' + + return ( +