VSinerva/freesewing
1
0
Fork 0
Code Activity

chore(lab): Refactoring workbench menu

Browse source
This commit is contained in:
Joost De Cock 2022-01-29 18:24:36 +01:00
parent 9e2babfc7b
commit 4634ced281
15 changed files with 270 additions and 455 deletions
Download patch file Download diff file Expand all files Collapse all files

49
packages/freesewing.shared/components/workbench/menu/design-options/option-sub-group.js
View file

@ -1,47 +1,26 @@
import { linkClasses, Chevron } from 'shared/components/navigation/primary.js'
import Option from './option'
import { Li, Ul, Details, Summary, SumButton, SumDiv, Deg } from 'shared/components/workbench/menu'
const OptionSubGroup = props => {
return Object.keys(props.sub).map(name => (
<li className="flex flex-row">
<details className="grow">
<summary className={`
flex flex-row
px-2
text-base-content
sm:text-neutral-content
hover:cursor-row-resize
items-center
`}>
<div className={`
grow pl-2 border-l-2
${linkClasses}
hover:cursor-resize
hover:border-secondary
sm:hover:border-secondary-focus
text-base-content sm:text-neutral-content
font-bold
`}>
<span className={`
text-3xl mr-2 inline-block p-0 leading-3
translate-y-3
`}>
<>&deg;</>
</span>
<span>
{ props.app.t(`optiongroups.${name}`) }
</span>
</div>
<Chevron w={6} m={3}/>
</summary>
<ul className="pl-5 list-inside">
<Li>
<Details>
<Summary>
<SumDiv>
<Deg />
<span className="font-bold">{ props.app.t(`optiongroups.${name}`) }</span>
</SumDiv>
<Chevron />
</Summary>
<Ul>
{props.sub[name].map(option => typeof option === 'string'
? <Option {...props} option={option} key={option} />
: <OptionSubGroup {...props} sub={option} config={config} />
)}
</ul>
</details>
</li>
</Ul>
</Details>
</Li>
))
}