From 7d3a0a8ab94608582bfdce66391cac2e7e7b77a1 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 7 May 2022 15:52:01 -0500
Subject: [PATCH] Break out LandingGradient into its own component

---
 app/soapbox/components/landing-gradient.tsx   |   8 ++++++++
 app/soapbox/features/auth_layout/index.tsx    |   3 ++-
 .../features/onboarding/onboarding-wizard.tsx |   3 ++-
 app/soapbox/features/public_layout/index.js   | Bin 2249 -> 2174 bytes
 .../features/verification/waitlist_page.js    | Bin 2732 -> 2687 bytes
 5 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 app/soapbox/components/landing-gradient.tsx

diff --git a/app/soapbox/components/landing-gradient.tsx b/app/soapbox/components/landing-gradient.tsx
new file mode 100644
index 0000000000..53e500d285
--- /dev/null
+++ b/app/soapbox/components/landing-gradient.tsx
@@ -0,0 +1,8 @@
+import React from 'react';
+
+/** Fullscreen gradient used as a backdrop to public pages. */
+const LandingGradient: React.FC = () => (
+  <div className='fixed h-screen w-full bg-gradient-to-tr from-primary-50 dark:from-slate-700 via-white dark:via-slate-900 to-gradient-end/10 dark:to-slate-900' />
+);
+
+export default LandingGradient;
diff --git a/app/soapbox/features/auth_layout/index.tsx b/app/soapbox/features/auth_layout/index.tsx
index 7a0d39c717..adc436f6c1 100644
--- a/app/soapbox/features/auth_layout/index.tsx
+++ b/app/soapbox/features/auth_layout/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { Link, Redirect, Route, Switch } from 'react-router-dom';
 
+import LandingGradient from 'soapbox/components/landing-gradient';
 import SvgIcon from 'soapbox/components/ui/icon/svg-icon';
 import BundleContainer from 'soapbox/features/ui/containers/bundle_container';
 import { NotificationsContainer } from 'soapbox/features/ui/util/async-components';
@@ -20,7 +21,7 @@ const AuthLayout = () => {
 
   return (
     <div>
-      <div className='fixed h-screen w-full bg-gradient-to-tr from-primary-50 dark:from-slate-700 via-white dark:via-slate-900 to-cyan-50 dark:to-cyan-900' />
+      <LandingGradient />
 
       <main className='relative flex flex-col h-screen'>
         <header className='py-10 flex justify-center relative'>
diff --git a/app/soapbox/features/onboarding/onboarding-wizard.tsx b/app/soapbox/features/onboarding/onboarding-wizard.tsx
index 0b530fd2a0..4087e4f035 100644
--- a/app/soapbox/features/onboarding/onboarding-wizard.tsx
+++ b/app/soapbox/features/onboarding/onboarding-wizard.tsx
@@ -4,6 +4,7 @@ import { useDispatch } from 'react-redux';
 import ReactSwipeableViews from 'react-swipeable-views';
 
 import { endOnboarding } from 'soapbox/actions/onboarding';
+import LandingGradient from 'soapbox/components/landing-gradient';
 import { HStack } from 'soapbox/components/ui';
 
 import AvatarSelectionStep from './steps/avatar-selection-step';
@@ -68,7 +69,7 @@ const OnboardingWizard = () => {
 
   return (
     <div data-testid='onboarding-wizard'>
-      <div className='fixed h-screen w-full bg-gradient-to-tr from-primary-50 dark:from-slate-700 via-white dark:via-slate-900 to-cyan-50 dark:to-cyan-900' />
+      <LandingGradient />
 
       <main className='h-screen flex flex-col overflow-x-hidden'>
         <div className='flex flex-col justify-center items-center h-full'>
diff --git a/app/soapbox/features/public_layout/index.js b/app/soapbox/features/public_layout/index.js
index fa62567aab2d41f3fc375f0845db0d338ab6431e..30c206838c9aa872fd36267dcbb02b201149851c 100644
GIT binary patch
delta 98
zcmX>p_)lO1JENsfVqQvSUb=fxVoGLeUWr0lQGTw1dU1YYK~jE&esX?pL4F=kyjVX6
eqEI&-s&eCB8)jj2-THQ1ll57oHh*Ec$_xN6(<HqB

delta 164
zcmew-a8hssJL6_AMkD6QGg$=cGb>V46f$&+lZ#SQ^AyT;(@Jx46q3?)(~A;QGE?(P
zbW8GeONtcIit=-H3yLyx6N@T!O$`)M5{t5}z=Fj&i6yDJ<^~1|WtoY(<r$eJsSsHZ
h7b0m1lmr?BH!?LZMc)u&2A>sB0<KDZb2rOpW&mw^IDr5F

diff --git a/app/soapbox/features/verification/waitlist_page.js b/app/soapbox/features/verification/waitlist_page.js
index a40e62835bcaff4519d31b72a1fef909a0d033aa..ef2d573aeae6cffe3cd37e73ea0e533fe7f8da27 100644
GIT binary patch
delta 103
zcmZ1@`d?%N7o(+5VqQvSUb=fxVoGLeUWr0lQGTw1dU1YYK~jE&esX?pL4F=kyjVX6
fqEI&-s&W&f1(S>&mjW2rpc|ua$F=zg^9wcrjmaba

delta 159
zcmew_vPN_R7vpAMMm?r_h2)&X;$pwV+*Dij4Bg`7qSVwpg>v1r(wrQHq;%c%qQsQU
z)Vvbil6>8gB89Y~{9N6FqRiaHqDoy;1BH~tqHHU$U~x`jNvf{7fq_C<W}<F+MrKJW
hL>9z_NLm6VfyN|PCg#EQ^1=jwlInJwr!&7`0{}o|HcS8j