sk/Perplexica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: apply formatting

Browse source
This commit is contained in:
Samuel Dockery 2025-08-10 10:14:08 -07:00
parent 11d24936c7
commit 44f2e5dbd3
1 changed files with 16 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/app/settings/page.tsx
View file

@ -152,7 +152,8 @@ const Page = () => {
const [measureUnit, setMeasureUnit] = useState<'Imperial' | 'Metric'>( const [measureUnit, setMeasureUnit] = useState<'Imperial' | 'Metric'>(
'Metric', 'Metric',
); );
const [weatherWidgetEnabled, setWeatherWidgetEnabled] = useState<boolean>(true); const [weatherWidgetEnabled, setWeatherWidgetEnabled] =
useState<boolean>(true);
const [savingStates, setSavingStates] = useState<Record<string, boolean>>({}); const [savingStates, setSavingStates] = useState<Record<string, boolean>>({});
useEffect(() => { useEffect(() => {
@ -464,18 +465,22 @@ const Page = () => {
]} ]}
/> />
</div> </div>
<div className="flex flex-col space-y-1"> <div className="flex flex-col space-y-1">
<p className="text-black/70 dark:text-white/70 text-sm"> <p className="text-black/70 dark:text-white/70 text-sm">
Show Weather Widget Weather Widget
</p> </p>
<div className="flex items-center justify-between p-3 bg-light-secondary dark:bg-dark-secondary rounded-lg hover:bg-light-200 dark:hover:bg-dark-200 transition-colors"> <div className="flex items-center justify-between p-3 bg-light-secondary dark:bg-dark-secondary rounded-lg hover:bg-light-200 dark:hover:bg-dark-200 transition-colors">
<div className="flex items-center space-x-3"> <div className="flex items-center space-x-3">
<div className="p-2 bg-light-200 dark:bg-dark-200 rounded-lg"> <div className="p-2 bg-light-200 dark:bg-dark-200 rounded-lg">
<SettingsIcon size={18} className="text-black/70 dark:text-white/70" /> <SettingsIcon
size={18}
className="text-black/70 dark:text-white/70"
/>
</div> </div>
<div> <div>
<p className="text-sm text-black/90 dark:text-white/90 font-medium">Weather Widget</p> <p className="text-sm text-black/90 dark:text-white/90 font-medium">
Show Weather Widget
</p>
<p className="text-xs text-black/60 dark:text-white/60 mt-0.5"> <p className="text-xs text-black/60 dark:text-white/60 mt-0.5">
Show the weather widget on the Home Page Show the weather widget on the Home Page
</p> </p>
@ -488,13 +493,17 @@ const Page = () => {
saveConfig('weatherWidgetEnabled', checked); saveConfig('weatherWidgetEnabled', checked);
}} }}
className={cn( className={cn(
weatherWidgetEnabled ? 'bg-[#24A0ED]' : 'bg-light-200 dark:bg-dark-200', weatherWidgetEnabled
? 'bg-[#24A0ED]'
: 'bg-light-200 dark:bg-dark-200',
'relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none', 'relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none',
)} )}
> >
<span <span
className={cn( className={cn(
weatherWidgetEnabled ? 'translate-x-6' : 'translate-x-1', weatherWidgetEnabled
? 'translate-x-6'
: 'translate-x-1',
'inline-block h-4 w-4 transform rounded-full bg-white transition-transform', 'inline-block h-4 w-4 transform rounded-full bg-white transition-transform',
)} )}
/> />