replace welcome banner with msm banner
This commit is contained in:
parent
fd7e3b04f9
commit
0a0bfbbb37
@ -8,7 +8,7 @@ import { useToast } from '../components/toast'
|
|||||||
import { BALANCE_LIMIT_MSATS } from '../lib/constants'
|
import { BALANCE_LIMIT_MSATS } from '../lib/constants'
|
||||||
import { msatsToSats, numWithUnits } from '../lib/format'
|
import { msatsToSats, numWithUnits } from '../lib/format'
|
||||||
|
|
||||||
export function WelcomeBanner () {
|
export function WelcomeBanner ({ Banner }) {
|
||||||
const me = useMe()
|
const me = useMe()
|
||||||
const toaster = useToast()
|
const toaster = useToast()
|
||||||
const [hidden, setHidden] = useState(true)
|
const [hidden, setHidden] = useState(true)
|
||||||
@ -42,7 +42,9 @@ export function WelcomeBanner () {
|
|||||||
|
|
||||||
if (hidden) return null
|
if (hidden) return null
|
||||||
|
|
||||||
return (
|
return Banner
|
||||||
|
? <Banner handleClose={handleClose} />
|
||||||
|
: (
|
||||||
<Alert className={styles.banner} key='info' variant='info' onClose={handleClose} dismissible>
|
<Alert className={styles.banner} key='info' variant='info' onClose={handleClose} dismissible>
|
||||||
<Alert.Heading>
|
<Alert.Heading>
|
||||||
👋 Welcome to Stacker News!
|
👋 Welcome to Stacker News!
|
||||||
@ -64,6 +66,37 @@ 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>
|
</Alert>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
@ -4,7 +4,7 @@ import Items from '../../components/items'
|
|||||||
import Layout from '../../components/layout'
|
import Layout from '../../components/layout'
|
||||||
import { SUB_FULL, SUB_ITEMS } from '../../fragments/subs'
|
import { SUB_FULL, SUB_ITEMS } from '../../fragments/subs'
|
||||||
import Snl from '../../components/snl'
|
import Snl from '../../components/snl'
|
||||||
import { WelcomeBanner } from '../../components/banners'
|
import { MadnessBanner, WelcomeBanner } from '../../components/banners'
|
||||||
import { useQuery } from '@apollo/client'
|
import { useQuery } from '@apollo/client'
|
||||||
import PageLoading from '../../components/page-loading'
|
import PageLoading from '../../components/page-loading'
|
||||||
import TerritoryHeader from '../../components/territory-header'
|
import TerritoryHeader from '../../components/territory-header'
|
||||||
@ -29,7 +29,7 @@ export default function Sub ({ ssrData }) {
|
|||||||
: (
|
: (
|
||||||
<>
|
<>
|
||||||
<Snl />
|
<Snl />
|
||||||
<WelcomeBanner />
|
<WelcomeBanner Banner={MadnessBanner} />
|
||||||
</>)}
|
</>)}
|
||||||
<Items ssrData={ssrData} variables={variables} />
|
<Items ssrData={ssrData} variables={variables} />
|
||||||
</Layout>
|
</Layout>
|
||||||
|
@ -0,0 +1 @@
|
|||||||
|
UPDATE users SET "hideWelcomeBanner" = false;
|
Loading…
x
Reference in New Issue
Block a user