From e41184fd5f548963609a08d0513ad2fac8883b45 Mon Sep 17 00:00:00 2001
From: KevinMansour <77366744+KevinMansour@users.noreply.github.com>
Date: Sun, 11 Jun 2023 21:29:40 -0400
Subject: [PATCH 1/4] Stepper done
Need to fix images in GuideSecondColStyled
---
.../react-app/src/assets/background-logo.tsx | 174 +++++++++++++
packages/react-app/src/assets/piggy.tsx | 7 +-
.../react-app/src/components/back-to-top.tsx | 3 +-
.../react-app/src/components/main-view.tsx | 2 +
.../src/components/modals/guide-modal.tsx | 228 ++++++++++++++++++
.../src/components/modals/modal-base.tsx | 2 +-
.../src/components/utils/stepper.tsx | 2 +-
7 files changed, 412 insertions(+), 6 deletions(-)
create mode 100644 packages/react-app/src/assets/background-logo.tsx
create mode 100644 packages/react-app/src/components/modals/guide-modal.tsx
diff --git a/packages/react-app/src/assets/background-logo.tsx b/packages/react-app/src/assets/background-logo.tsx
new file mode 100644
index 00000000..5f505591
--- /dev/null
+++ b/packages/react-app/src/assets/background-logo.tsx
@@ -0,0 +1,174 @@
+import { GUpx } from 'src/utils/style.util';
+import styled from 'styled-components';
+
+// #region StyledComponents
+const WrapperStyled = styled.div`
+ height: 100%;
+ margin-left: ${GUpx(4)};
+`;
+// #endregion
+
+export default function BackgroundLogo() {
+ return (
+
+
+
+ );
+}
diff --git a/packages/react-app/src/assets/piggy.tsx b/packages/react-app/src/assets/piggy.tsx
index 77f1090b..5d00c1a4 100644
--- a/packages/react-app/src/assets/piggy.tsx
+++ b/packages/react-app/src/assets/piggy.tsx
@@ -12,9 +12,10 @@ export default function Piggy() {
return (