Commitd4edf47

committed

refactor(sidebar-footer): add basic ui

1 parent43a703c commitd4edf47Copy full SHA for d4edf47

File tree

+40

-0

lines changed

+40

-0

lines changed

Lines changed: 15 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,15 @@`
	`1`	`+importReactfrom'react'`
	`2`	`+// eslint-disable-next-line import/named`
	`3`	`+import{ICON_CMD}from'@config'`
	`4`	`+`
	`5`	`+import{Wrapper,InnerWrapper,SettingIcon}from'./styles/footer'`
	`6`	`+`
	`7`	`+constFooter=({ pin})=>(`
	`8`	`+<Wrapperpin={pin}>`
	`9`	`+<InnerWrapperpin={pin}>`
	`10`	+<SettingIconsrc={`${ICON_CMD}/setting.svg`}/>
	`11`	`+</InnerWrapper>`
	`12`	`+</Wrapper>`
	`13`	`+)`
	`14`	`+`
	`15`	`+exportdefaultFooter`

Lines changed: 2 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@ import { connectStore, buildLog } from '@utils'`
`10`	`10`
`11`	`11`	`importHeaderfrom'./Header'`
`12`	`12`	`importMenuListfrom'./MenuList'`
	`13`	`+importFooterfrom'./Footer'`
`13`	`14`
`14`	`15`	`import{Wrapper}from'./styles'`
`15`	`16`	`import{useInit,onSortMenuEnd}from'./logic'`
`@@ -45,6 +46,7 @@ const SidebarContainer = ({ sidebar }) => {`
`45`	`46`	`onSortEnd={onSortMenuEnd}`
`46`	`47`	`distance={5}`
`47`	`48`	`/>`
	`49`	`+<Footerpin={pin}/>`
`48`	`50`	`</Wrapper>`
`49`	`51`	`)`
`50`	`52`	`}`

Lines changed: 23 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,23 @@`
	`1`	`+importstyledfrom'styled-components'`
	`2`	`+`
	`3`	`+import{theme,cs}from'@utils'`
	`4`	`+importImgfrom'@Img'`
	`5`	`+`
	`6`	+exportconstWrapper=styled.div`
	`7`	`+ // margin-bottom:${({ pin})=>(pin ?'0' :'20px')};`
	`8`	`+ margin-top: -20px;`
	`9`	`+ background:${theme('sidebar.bg')};`
	`10`	`+ box-shadow: -1px -4px 4px 0px rgba(0,0,0,0.2);`
	`11`	`+ border-top: 1px dashed #316d7b;`
	`12`	`+ z-index: 1;`
	`13`	+`
	`14`	+exportconstInnerWrapper=styled.div`
	`15`	`+ height: 5vh;`
	`16`	`+ color: wheat;`
	`17`	`+${cs.flex('align-both')};`
	`18`	+`
	`19`	+exportconstSettingIcon=styled(Img)`
	`20`	`+ fill:${theme('sidebar.menuLink')};`
	`21`	`+ width: 16px;`
	`22`	`+ height: 16px;`
	`23`	+`

Comments

(0)