c51c5db3d7
* feat: date format on weather widget * fix: type check error * fix: reviewed changes * fix: reviewed changes
53 lines
1.7 KiB
TypeScript
53 lines
1.7 KiB
TypeScript
import { IconCloud } from "@tabler/icons-react";
|
|
import dayjs from "dayjs";
|
|
|
|
import { z } from "@homarr/validation";
|
|
|
|
import { createWidgetDefinition } from "../definition";
|
|
import { optionsBuilder } from "../options";
|
|
|
|
export const { definition, componentLoader } = createWidgetDefinition("weather", {
|
|
icon: IconCloud,
|
|
options: optionsBuilder.from(
|
|
(factory) => ({
|
|
isFormatFahrenheit: factory.switch(),
|
|
location: factory.location({
|
|
defaultValue: {
|
|
name: "Paris",
|
|
latitude: 48.85341,
|
|
longitude: 2.3488,
|
|
},
|
|
}),
|
|
dateFormat: factory.select({
|
|
options: [
|
|
{ value: "dddd, MMMM D", label: dayjs().format("dddd, MMMM D") },
|
|
{ value: "dddd, D MMMM", label: dayjs().format("dddd, D MMMM") },
|
|
{ value: "MMM D", label: dayjs().format("MMM D") },
|
|
{ value: "D MMM", label: dayjs().format("D MMM") },
|
|
{ value: "DD/MM/YYYY", label: dayjs().format("DD/MM/YYYY") },
|
|
{ value: "MM/DD/YYYY", label: dayjs().format("MM/DD/YYYY") },
|
|
{ value: "DD/MM", label: dayjs().format("DD/MM") },
|
|
{ value: "MM/DD", label: dayjs().format("MM/DD") },
|
|
],
|
|
defaultValue: "dddd, MMMM D",
|
|
withDescription: true,
|
|
}),
|
|
showCity: factory.switch(),
|
|
hasForecast: factory.switch(),
|
|
forecastDayCount: factory.slider({
|
|
defaultValue: 5,
|
|
validate: z.number().min(1).max(7),
|
|
step: 1,
|
|
withDescription: true,
|
|
}),
|
|
}),
|
|
{
|
|
forecastDayCount: {
|
|
shouldHide({ hasForecast }) {
|
|
return !hasForecast;
|
|
},
|
|
},
|
|
},
|
|
),
|
|
}).withDynamicImport(() => import("./component"));
|