kopia lustrzana https://github.com/badgen/badgen.net
Setup homepage style switcher
rodzic
4cd0188864
commit
ce61b831b1
|
@ -1,8 +1,7 @@
|
||||||
import icons from 'badgen-icons'
|
import icons from 'badgen-icons'
|
||||||
|
|
||||||
export default ({ isFlat, children }) => (
|
export default ({ isFlat }) => (
|
||||||
<div>
|
<div>
|
||||||
<h3>Usage</h3>
|
|
||||||
<pre>{ explainCode(isFlat) }</pre>
|
<pre>{ explainCode(isFlat) }</pre>
|
||||||
|
|
||||||
<h3 id='colors'>Available color names</h3>
|
<h3 id='colors'>Available color names</h3>
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import { useState } from 'react'
|
import { useState, useEffect } from 'react'
|
||||||
import BadgeExamples from '../components/badge-examples.js'
|
import BadgeExamples from '../components/badge-examples.js'
|
||||||
import BadgenTitle from '../components/badgen-title.jsx'
|
import BadgenTitle from '../components/badgen-title.jsx'
|
||||||
import Intro from '../components/home-intro.js'
|
import Intro from '../components/home-intro.js'
|
||||||
|
@ -7,10 +7,19 @@ import examples from '../static/.gen/badges.json'
|
||||||
|
|
||||||
const Index = () => {
|
const Index = () => {
|
||||||
const [ tab, setTab ] = useState('live')
|
const [ tab, setTab ] = useState('live')
|
||||||
|
const [ host, setHost ] = useState('host')
|
||||||
const badges = examples[tab]
|
const badges = examples[tab]
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const forceHost = new URL(window.location).searchParams.get('host')
|
||||||
|
const autoHost = window.location.host === 'flat.badgen.net'
|
||||||
|
? 'https://flat.badgen.net'
|
||||||
|
: 'https://badgen.net'
|
||||||
|
setHost((forceHost || autoHost) + '/')
|
||||||
|
})
|
||||||
|
|
||||||
return <>
|
return <>
|
||||||
<BadgenTitle host='https://badgen.net' />
|
<BadgenTitle host={host} />
|
||||||
<div className='docs'>
|
<div className='docs'>
|
||||||
<Intro />
|
<Intro />
|
||||||
<h2 style={{ textAlign: 'center' }}>Badge Gallery</h2>
|
<h2 style={{ textAlign: 'center' }}>Badge Gallery</h2>
|
||||||
|
|
Ładowanie…
Reference in New Issue