ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

replace welcome banner with msm banner

This commit is contained in:
keyan 2024-03-04 16:51:36 -06:00
parent fd7e3b04f9
commit 0a0bfbbb37
3 changed files with 48 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
components/banners.js
View File

@ -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,16 +42,18 @@ export function WelcomeBanner () {
if (hidden) return null
return (
<Alert className={styles.banner} key='info' variant='info' onClose={handleClose} dismissible>
<Alert.Heading>
👋 Welcome to Stacker News!
</Alert.Heading>
<p>
To get started, check out our{' '}
<Alert.Link href='/faq'>FAQs</Alert.Link> or{' '}
<Alert.Link href='/guide'>content guidelines</Alert.Link>, or go ahead and{' '}
{
return Banner
? <Banner handleClose={handleClose} />
: (
<Alert className={styles.banner} key='info' variant='info' onClose={handleClose} dismissible>
<Alert.Heading>
👋 Welcome to Stacker News!
</Alert.Heading>
<p>
To get started, check out our{' '}
<Alert.Link href='/faq'>FAQs</Alert.Link> or{' '}
<Alert.Link href='/guide'>content guidelines</Alert.Link>, or go ahead and{' '}
{
me
? (
<Alert.Link href='/post'>make a post</Alert.Link>
@ -63,7 +65,38 @@ export function WelcomeBanner () {
</>
)
}.
</p>
</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>
)
}

4
pages/~/index.js
View File

@ -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>

1
prisma/migrations/20240304224326_show_madness_banner/migration.sql Normal file
View File

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