replace welcome banner with msm banner

components/banners.js

@@ -8,7 +8,7 @@ import { useToast } from '../components/toast'
 import { BALANCE_LIMIT_MSATS } from '../lib/constants'
 import { msatsToSats, numWithUnits } from '../lib/format'
 
-export function WelcomeBanner () {
+export function WelcomeBanner ({ Banner }) {
   const me = useMe()
   const toaster = useToast()
   const [hidden, setHidden] = useState(true)
@@ -42,7 +42,9 @@ export function WelcomeBanner () {
 
   if (hidden) return null
 
-  return (
+  return Banner
+    ? <Banner handleClose={handleClose} />
+    : (
       <Alert className={styles.banner} key='info' variant='info' onClose={handleClose} dismissible>
         <Alert.Heading>
           👋 Welcome to Stacker News!
@@ -64,6 +66,37 @@ export function WelcomeBanner () {
               )
         }.
         </p>
+      </Alert>)
+}
+
+export function MadnessBanner ({ handleClose }) {
+  const me = useMe()
+  return (
+    <Alert className={styles.banner} key='info' variant='info' onClose={handleClose} dismissible>
+      <Alert.Heading>
+        ⚡️ Million Sat Madness Is Here!
+      </Alert.Heading>
+      {me
+        ? (
+          <div>
+            <div>
+              We're giving away 3 million sats to the top Stacker News contributors in March. <Alert.Link href='/rewards'>See the leaderboard!</Alert.Link>
+            </div>
+            <div>
+              How does Million Sat Madness work? <Alert.Link href='/items/444168'>Click here</Alert.Link>.
+            </div>
+          </div>
+          )
+        : (
+          <div>
+            <div>
+              We're giving away 3 million sats to the top Stacker News contributors in March. <Alert.Link href='/signup'>Sign up!</Alert.Link>
+            </div>
+            <div>
+              Need help? Check out our <Alert.Link href='/faq'>FAQs</Alert.Link>.
+            </div>
+          </div>
+          )}
     </Alert>
   )
 }

pages/~/index.js

@@ -4,7 +4,7 @@ import Items from '../../components/items'
 import Layout from '../../components/layout'
 import { SUB_FULL, SUB_ITEMS } from '../../fragments/subs'
 import Snl from '../../components/snl'
-import { WelcomeBanner } from '../../components/banners'
+import { MadnessBanner, WelcomeBanner } from '../../components/banners'
 import { useQuery } from '@apollo/client'
 import PageLoading from '../../components/page-loading'
 import TerritoryHeader from '../../components/territory-header'
@@ -29,7 +29,7 @@ export default function Sub ({ ssrData }) {
         : (
           <>
             <Snl />
-            <WelcomeBanner />
+            <WelcomeBanner Banner={MadnessBanner} />
           </>)}
       <Items ssrData={ssrData} variables={variables} />
     </Layout>

prisma/migrations/20240304224326_show_madness_banner/migration.sql

@@ -0,0 +1 @@
+UPDATE users SET "hideWelcomeBanner" = false;