VSinerva/freesewing
1
0
Fork 0
Code Activity

pattern and version pickers using headlessUI

Browse source
This commit is contained in:
Enoch Riese 2022-07-01 18:41:07 -05:00
parent c1b53465cf
commit b65635c74c
6 changed files with 56 additions and 141 deletions
Download patch file Download diff file Expand all files Collapse all files

40
sites/shared/components/theme-picker.js
View file

@ -1,8 +1,7 @@
import themes from 'shared/themes/index.js'
import ThemeIcon from 'shared/components/icons/theme.js'
import {useRef} from 'react'
import { useTranslation } from 'next-i18next'
import Picker, {PickerButton} from './picker';
import {Picker, PickerButton} from './picker';
import { Menu } from '@headlessui/react'
const ThemePicker = ({ app, className, iconOnly=false }) => {
@ -17,7 +16,7 @@ const ThemePicker = ({ app, className, iconOnly=false }) => {
className,
iconOnly,
Icon: ThemeIcon,
selectedItem: t(`${app.theme}Theme`)
title: t(`${app.theme}Theme`)
}
return (<Picker {...pickerProps}>
{Object.keys(themes).map(theme => (
@ -27,41 +26,6 @@ const ThemePicker = ({ app, className, iconOnly=false }) => {
</PickerButton>
))}
</Picker>)
// return (
// <div className={`dropdown dropdown-end ${className} w-auto`}>
// <div tabIndex="0" className={iconOnly
// ? `btn btn-sm`
// : `m-0 btn btn-neutral flex flex-row gap-2 btn-outline
// md:btn-ghost
// hover:bg-neutral hover:border-neutral-content
// `}
// >
// <ThemeIcon />
// {!iconOnly && <span>{t(`${app.theme}Theme`)}</span>}
// </div>
// <ul
// tabIndex="0"
// className="p-2 shadow menu dropdown-content bg-base-100 rounded-box w-52"
// >
// {Object.keys(themes).map(theme => (
// <li key={theme}>
// <button
// onClick={() => app.setTheme(theme)}
// className="btn btn-ghost hover:bg-base-200"
// >
// <span className="text-base-content">
// {t(`${theme}Theme`)}
// </span>
// </button>
// </li>
// ))}
// </ul>
// </div>
// )
// return null;
}
export default ThemePicker