Commit1d1e0c6

committed

setup admin toggle

Signed-off-by: shmck <shawn.j.mckay@gmail.com>

1 parente370e9b commit1d1e0c6Copy full SHA for 1d1e0c6

File tree

+39

-1

lines changed

+39

-1

lines changed

Lines changed: 3 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,8 @@ import BetaBadge from '../../components/BetaBadge'`
`6`	`6`	`import{css,jsx}from'@emotion/core'`
`7`	`7`	`importButtonfrom'../../components/Button'`
`8`	`8`	`import{Theme}from'../../styles/theme'`
	`9`	`+import{ADMIN_MODE}from'../../environment'`
	`10`	`+importAdminTogglefrom'../../services/admin/AdminToggle'`
`9`	`11`
`10`	`12`	`conststyles={`
`11`	`13`	`page:(theme:Theme)=>({`
`@@ -104,6 +106,7 @@ export const StartPage = (props: Props) => (`
`104`	`106`	`</div>`
`105`	`107`	`)}`
`106`	`108`	`</div>`
	`109`	`+{ADMIN_MODE ?<AdminToggle/> :null}`
`107`	`110`	`</div>`
`108`	`111`	`)`
`109`	`112`

Lines changed: 20 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,20 @@`
	`1`	`+import*asReactfrom'react'`
	`2`	`+import{css,jsx}from'@emotion/core'`
	`3`	`+import{Form,Switch}from'@alifd/next'`
	`4`	`+importAdminContext,{AdminContextType}from'./context'`
	`5`	`+`
	`6`	`+typeProps={}`
	`7`	`+`
	`8`	`+constAdminToggle=(props:Props)=>{`
	`9`	`+const{ state, dispatch}=React.useContext<AdminContextType>(AdminContext)`
	`10`	`+return(`
	`11`	`+<Form.Itemlabel="Admin Mode">`
	`12`	`+<Switch`
	`13`	`+checked={state.adminMode}`
	`14`	`+onChange={(checked:boolean)=>dispatch({type:checked ?'ADMIN_MODE_ON' :'ADMIN_MODE_OFF'})}`
	`15`	`+/>`
	`16`	`+</Form.Item>`
	`17`	`+)`
	`18`	`+}`
	`19`	`+`
	`20`	`+exportdefaultAdminToggle`

Lines changed: 6 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -10,14 +10,19 @@ type State = {`
`10`	`10`
`11`	`11`	`typeAction={type:'ADMIN_MODE_ON'\|'ADMIN_MODE_OFF'}`
`12`	`12`
`13`		`-constAdminContext=React.createContext<{state:State;dispatch:(action:Action)=>void}>({`
	`13`	`+exporttypeAdminContextType={state:State;dispatch:(action:Action)=>void}`
	`14`	`+`
	`15`	`+constAdminContext=React.createContext<AdminContextType>({`
`14`	`16`	`state:{adminMode:false},`
`15`	`17`	`dispatch:()=>{},`
`16`	`18`	`})`
`17`	`19`
	`20`	`+exportdefaultAdminContext`
	`21`	`+`
`18`	`22`	`exportconstAdminProvider=(props:Props)=>{`
`19`	`23`	`const[state,dispatch]=React.useReducer(`
`20`	`24`	`(state:State,action:Action)=>{`
	`25`	`+console.log('action.type',action.type)`
`21`	`26`	`switch(action.type){`
`22`	`27`	`case'ADMIN_MODE_ON':`
`23`	`28`	`return{ ...state,adminMode:true}`

Lines changed: 10 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,10 @@`
	`1`	`+import*asReactfrom'react'`
	`2`	`+import{storiesOf}from'@storybook/react'`
	`3`	`+importSideBarDecoratorfrom'../utils/SideBarDecorator'`
	`4`	`+importAdminTogglefrom'../../src/services/admin/AdminToggle'`
	`5`	`+`
	`6`	`+storiesOf('Admin',module)`
	`7`	`+.addDecorator(SideBarDecorator)`
	`8`	`+.add('Toggle',()=>{`
	`9`	`+return<AdminToggle/>`
	`10`	`+})`

Comments

(0)