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

27
packages/freesewing.shared/components/workbench/menu/design-options/index.js
View file

@ -1,31 +1,22 @@
import OptionsIcon from 'shared/components/icons/options.js'
import { linkClasses, Chevron } from 'shared/components/navigation/primary.js'
import { Chevron } from 'shared/components/navigation/primary.js'
import OptionGroup from './option-group'
import { Ul, Details, TopSummary, TopSumTitle } from 'shared/components/workbench/menu'
const DesignOptions = props => {
return (
<details className='py-1' open>
<summary className={`
flex flex-row uppercase gap-4 font-bold text-lg
hover:cursor-row-resize
p-2
text-base-content
sm:text-neutral-content
items-center
`}>
<span className="text-secondary-focus mr-4"><OptionsIcon /></span>
<span className={`grow ${linkClasses}`}>
{props.app.t('app.designOptions')}
</span>
<Details open>
<TopSummary icon={<OptionsIcon />}>
<TopSumTitle>{props.app.t('app.designOptions')}</TopSumTitle>
<Chevron />
</summary>
<ul className="pl-5 list-inside">
</TopSummary>
<Ul className="pl-5 list-inside">
{Object.keys(props.pattern.config.optionGroups).map(group => (
<OptionGroup {...props} group={group} key={group} />
))}
</ul>
</details>
</Ul>
</Details>
)
}