Restore Ultracite + fix sidebar (#1233)
This commit is contained in:
Hayden Bleasel
GitHub
parent
8fbfc253fa
commit
947ed094a6
177 changed files with 6908 additions and 8306 deletions
|
|
@ -1,10 +1,10 @@
|
|||
'use client';
|
||||
"use client";
|
||||
|
||||
import cx from 'classnames';
|
||||
import { format, isWithinInterval } from 'date-fns';
|
||||
import { useEffect, useState } from 'react';
|
||||
import cx from "classnames";
|
||||
import { format, isWithinInterval } from "date-fns";
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
interface WeatherAtLocation {
|
||||
type WeatherAtLocation = {
|
||||
latitude: number;
|
||||
longitude: number;
|
||||
generationtime_ms: number;
|
||||
|
|
@ -40,121 +40,121 @@ interface WeatherAtLocation {
|
|||
sunrise: string[];
|
||||
sunset: string[];
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
const SAMPLE = {
|
||||
latitude: 37.763283,
|
||||
longitude: -122.41286,
|
||||
generationtime_ms: 0.027894973754882812,
|
||||
latitude: 37.763_283,
|
||||
longitude: -122.412_86,
|
||||
generationtime_ms: 0.027_894_973_754_882_812,
|
||||
utc_offset_seconds: 0,
|
||||
timezone: 'GMT',
|
||||
timezone_abbreviation: 'GMT',
|
||||
timezone: "GMT",
|
||||
timezone_abbreviation: "GMT",
|
||||
elevation: 18,
|
||||
current_units: { time: 'iso8601', interval: 'seconds', temperature_2m: '°C' },
|
||||
current: { time: '2024-10-07T19:30', interval: 900, temperature_2m: 29.3 },
|
||||
hourly_units: { time: 'iso8601', temperature_2m: '°C' },
|
||||
current_units: { time: "iso8601", interval: "seconds", temperature_2m: "°C" },
|
||||
current: { time: "2024-10-07T19:30", interval: 900, temperature_2m: 29.3 },
|
||||
hourly_units: { time: "iso8601", temperature_2m: "°C" },
|
||||
hourly: {
|
||||
time: [
|
||||
'2024-10-07T00:00',
|
||||
'2024-10-07T01:00',
|
||||
'2024-10-07T02:00',
|
||||
'2024-10-07T03:00',
|
||||
'2024-10-07T04:00',
|
||||
'2024-10-07T05:00',
|
||||
'2024-10-07T06:00',
|
||||
'2024-10-07T07:00',
|
||||
'2024-10-07T08:00',
|
||||
'2024-10-07T09:00',
|
||||
'2024-10-07T10:00',
|
||||
'2024-10-07T11:00',
|
||||
'2024-10-07T12:00',
|
||||
'2024-10-07T13:00',
|
||||
'2024-10-07T14:00',
|
||||
'2024-10-07T15:00',
|
||||
'2024-10-07T16:00',
|
||||
'2024-10-07T17:00',
|
||||
'2024-10-07T18:00',
|
||||
'2024-10-07T19:00',
|
||||
'2024-10-07T20:00',
|
||||
'2024-10-07T21:00',
|
||||
'2024-10-07T22:00',
|
||||
'2024-10-07T23:00',
|
||||
'2024-10-08T00:00',
|
||||
'2024-10-08T01:00',
|
||||
'2024-10-08T02:00',
|
||||
'2024-10-08T03:00',
|
||||
'2024-10-08T04:00',
|
||||
'2024-10-08T05:00',
|
||||
'2024-10-08T06:00',
|
||||
'2024-10-08T07:00',
|
||||
'2024-10-08T08:00',
|
||||
'2024-10-08T09:00',
|
||||
'2024-10-08T10:00',
|
||||
'2024-10-08T11:00',
|
||||
'2024-10-08T12:00',
|
||||
'2024-10-08T13:00',
|
||||
'2024-10-08T14:00',
|
||||
'2024-10-08T15:00',
|
||||
'2024-10-08T16:00',
|
||||
'2024-10-08T17:00',
|
||||
'2024-10-08T18:00',
|
||||
'2024-10-08T19:00',
|
||||
'2024-10-08T20:00',
|
||||
'2024-10-08T21:00',
|
||||
'2024-10-08T22:00',
|
||||
'2024-10-08T23:00',
|
||||
'2024-10-09T00:00',
|
||||
'2024-10-09T01:00',
|
||||
'2024-10-09T02:00',
|
||||
'2024-10-09T03:00',
|
||||
'2024-10-09T04:00',
|
||||
'2024-10-09T05:00',
|
||||
'2024-10-09T06:00',
|
||||
'2024-10-09T07:00',
|
||||
'2024-10-09T08:00',
|
||||
'2024-10-09T09:00',
|
||||
'2024-10-09T10:00',
|
||||
'2024-10-09T11:00',
|
||||
'2024-10-09T12:00',
|
||||
'2024-10-09T13:00',
|
||||
'2024-10-09T14:00',
|
||||
'2024-10-09T15:00',
|
||||
'2024-10-09T16:00',
|
||||
'2024-10-09T17:00',
|
||||
'2024-10-09T18:00',
|
||||
'2024-10-09T19:00',
|
||||
'2024-10-09T20:00',
|
||||
'2024-10-09T21:00',
|
||||
'2024-10-09T22:00',
|
||||
'2024-10-09T23:00',
|
||||
'2024-10-10T00:00',
|
||||
'2024-10-10T01:00',
|
||||
'2024-10-10T02:00',
|
||||
'2024-10-10T03:00',
|
||||
'2024-10-10T04:00',
|
||||
'2024-10-10T05:00',
|
||||
'2024-10-10T06:00',
|
||||
'2024-10-10T07:00',
|
||||
'2024-10-10T08:00',
|
||||
'2024-10-10T09:00',
|
||||
'2024-10-10T10:00',
|
||||
'2024-10-10T11:00',
|
||||
'2024-10-10T12:00',
|
||||
'2024-10-10T13:00',
|
||||
'2024-10-10T14:00',
|
||||
'2024-10-10T15:00',
|
||||
'2024-10-10T16:00',
|
||||
'2024-10-10T17:00',
|
||||
'2024-10-10T18:00',
|
||||
'2024-10-10T19:00',
|
||||
'2024-10-10T20:00',
|
||||
'2024-10-10T21:00',
|
||||
'2024-10-10T22:00',
|
||||
'2024-10-10T23:00',
|
||||
'2024-10-11T00:00',
|
||||
'2024-10-11T01:00',
|
||||
'2024-10-11T02:00',
|
||||
'2024-10-11T03:00',
|
||||
"2024-10-07T00:00",
|
||||
"2024-10-07T01:00",
|
||||
"2024-10-07T02:00",
|
||||
"2024-10-07T03:00",
|
||||
"2024-10-07T04:00",
|
||||
"2024-10-07T05:00",
|
||||
"2024-10-07T06:00",
|
||||
"2024-10-07T07:00",
|
||||
"2024-10-07T08:00",
|
||||
"2024-10-07T09:00",
|
||||
"2024-10-07T10:00",
|
||||
"2024-10-07T11:00",
|
||||
"2024-10-07T12:00",
|
||||
"2024-10-07T13:00",
|
||||
"2024-10-07T14:00",
|
||||
"2024-10-07T15:00",
|
||||
"2024-10-07T16:00",
|
||||
"2024-10-07T17:00",
|
||||
"2024-10-07T18:00",
|
||||
"2024-10-07T19:00",
|
||||
"2024-10-07T20:00",
|
||||
"2024-10-07T21:00",
|
||||
"2024-10-07T22:00",
|
||||
"2024-10-07T23:00",
|
||||
"2024-10-08T00:00",
|
||||
"2024-10-08T01:00",
|
||||
"2024-10-08T02:00",
|
||||
"2024-10-08T03:00",
|
||||
"2024-10-08T04:00",
|
||||
"2024-10-08T05:00",
|
||||
"2024-10-08T06:00",
|
||||
"2024-10-08T07:00",
|
||||
"2024-10-08T08:00",
|
||||
"2024-10-08T09:00",
|
||||
"2024-10-08T10:00",
|
||||
"2024-10-08T11:00",
|
||||
"2024-10-08T12:00",
|
||||
"2024-10-08T13:00",
|
||||
"2024-10-08T14:00",
|
||||
"2024-10-08T15:00",
|
||||
"2024-10-08T16:00",
|
||||
"2024-10-08T17:00",
|
||||
"2024-10-08T18:00",
|
||||
"2024-10-08T19:00",
|
||||
"2024-10-08T20:00",
|
||||
"2024-10-08T21:00",
|
||||
"2024-10-08T22:00",
|
||||
"2024-10-08T23:00",
|
||||
"2024-10-09T00:00",
|
||||
"2024-10-09T01:00",
|
||||
"2024-10-09T02:00",
|
||||
"2024-10-09T03:00",
|
||||
"2024-10-09T04:00",
|
||||
"2024-10-09T05:00",
|
||||
"2024-10-09T06:00",
|
||||
"2024-10-09T07:00",
|
||||
"2024-10-09T08:00",
|
||||
"2024-10-09T09:00",
|
||||
"2024-10-09T10:00",
|
||||
"2024-10-09T11:00",
|
||||
"2024-10-09T12:00",
|
||||
"2024-10-09T13:00",
|
||||
"2024-10-09T14:00",
|
||||
"2024-10-09T15:00",
|
||||
"2024-10-09T16:00",
|
||||
"2024-10-09T17:00",
|
||||
"2024-10-09T18:00",
|
||||
"2024-10-09T19:00",
|
||||
"2024-10-09T20:00",
|
||||
"2024-10-09T21:00",
|
||||
"2024-10-09T22:00",
|
||||
"2024-10-09T23:00",
|
||||
"2024-10-10T00:00",
|
||||
"2024-10-10T01:00",
|
||||
"2024-10-10T02:00",
|
||||
"2024-10-10T03:00",
|
||||
"2024-10-10T04:00",
|
||||
"2024-10-10T05:00",
|
||||
"2024-10-10T06:00",
|
||||
"2024-10-10T07:00",
|
||||
"2024-10-10T08:00",
|
||||
"2024-10-10T09:00",
|
||||
"2024-10-10T10:00",
|
||||
"2024-10-10T11:00",
|
||||
"2024-10-10T12:00",
|
||||
"2024-10-10T13:00",
|
||||
"2024-10-10T14:00",
|
||||
"2024-10-10T15:00",
|
||||
"2024-10-10T16:00",
|
||||
"2024-10-10T17:00",
|
||||
"2024-10-10T18:00",
|
||||
"2024-10-10T19:00",
|
||||
"2024-10-10T20:00",
|
||||
"2024-10-10T21:00",
|
||||
"2024-10-10T22:00",
|
||||
"2024-10-10T23:00",
|
||||
"2024-10-11T00:00",
|
||||
"2024-10-11T01:00",
|
||||
"2024-10-11T02:00",
|
||||
"2024-10-11T03:00",
|
||||
],
|
||||
temperature_2m: [
|
||||
36.6, 32.8, 29.5, 28.6, 29.2, 28.2, 27.5, 26.6, 26.5, 26, 25, 23.5, 23.9,
|
||||
|
|
@ -168,31 +168,31 @@ const SAMPLE = {
|
|||
],
|
||||
},
|
||||
daily_units: {
|
||||
time: 'iso8601',
|
||||
sunrise: 'iso8601',
|
||||
sunset: 'iso8601',
|
||||
time: "iso8601",
|
||||
sunrise: "iso8601",
|
||||
sunset: "iso8601",
|
||||
},
|
||||
daily: {
|
||||
time: [
|
||||
'2024-10-07',
|
||||
'2024-10-08',
|
||||
'2024-10-09',
|
||||
'2024-10-10',
|
||||
'2024-10-11',
|
||||
"2024-10-07",
|
||||
"2024-10-08",
|
||||
"2024-10-09",
|
||||
"2024-10-10",
|
||||
"2024-10-11",
|
||||
],
|
||||
sunrise: [
|
||||
'2024-10-07T07:15',
|
||||
'2024-10-08T07:16',
|
||||
'2024-10-09T07:17',
|
||||
'2024-10-10T07:18',
|
||||
'2024-10-11T07:19',
|
||||
"2024-10-07T07:15",
|
||||
"2024-10-08T07:16",
|
||||
"2024-10-09T07:17",
|
||||
"2024-10-10T07:18",
|
||||
"2024-10-11T07:19",
|
||||
],
|
||||
sunset: [
|
||||
'2024-10-07T19:00',
|
||||
'2024-10-08T18:58',
|
||||
'2024-10-09T18:57',
|
||||
'2024-10-10T18:55',
|
||||
'2024-10-11T18:54',
|
||||
"2024-10-07T19:00",
|
||||
"2024-10-08T18:58",
|
||||
"2024-10-09T18:57",
|
||||
"2024-10-10T18:55",
|
||||
"2024-10-11T18:54",
|
||||
],
|
||||
},
|
||||
};
|
||||
|
|
@ -207,10 +207,10 @@ export function Weather({
|
|||
weatherAtLocation?: WeatherAtLocation;
|
||||
}) {
|
||||
const currentHigh = Math.max(
|
||||
...weatherAtLocation.hourly.temperature_2m.slice(0, 24),
|
||||
...weatherAtLocation.hourly.temperature_2m.slice(0, 24)
|
||||
);
|
||||
const currentLow = Math.min(
|
||||
...weatherAtLocation.hourly.temperature_2m.slice(0, 24),
|
||||
...weatherAtLocation.hourly.temperature_2m.slice(0, 24)
|
||||
);
|
||||
|
||||
const isDay = isWithinInterval(new Date(weatherAtLocation.current.time), {
|
||||
|
|
@ -226,51 +226,51 @@ export function Weather({
|
|||
};
|
||||
|
||||
handleResize();
|
||||
window.addEventListener('resize', handleResize);
|
||||
window.addEventListener("resize", handleResize);
|
||||
|
||||
return () => window.removeEventListener('resize', handleResize);
|
||||
return () => window.removeEventListener("resize", handleResize);
|
||||
}, []);
|
||||
|
||||
const hoursToShow = isMobile ? 5 : 6;
|
||||
|
||||
// Find the index of the current time or the next closest time
|
||||
const currentTimeIndex = weatherAtLocation.hourly.time.findIndex(
|
||||
(time) => new Date(time) >= new Date(weatherAtLocation.current.time),
|
||||
(time) => new Date(time) >= new Date(weatherAtLocation.current.time)
|
||||
);
|
||||
|
||||
// Slice the arrays to get the desired number of items
|
||||
const displayTimes = weatherAtLocation.hourly.time.slice(
|
||||
currentTimeIndex,
|
||||
currentTimeIndex + hoursToShow,
|
||||
currentTimeIndex + hoursToShow
|
||||
);
|
||||
const displayTemperatures = weatherAtLocation.hourly.temperature_2m.slice(
|
||||
currentTimeIndex,
|
||||
currentTimeIndex + hoursToShow,
|
||||
currentTimeIndex + hoursToShow
|
||||
);
|
||||
|
||||
return (
|
||||
<div
|
||||
className={cx(
|
||||
'skeleton-bg flex max-w-[500px] flex-col gap-4 rounded-2xl p-4',
|
||||
"skeleton-bg flex max-w-[500px] flex-col gap-4 rounded-2xl p-4",
|
||||
{
|
||||
'bg-blue-400': isDay,
|
||||
"bg-blue-400": isDay,
|
||||
},
|
||||
{
|
||||
'bg-indigo-900': !isDay,
|
||||
},
|
||||
"bg-indigo-900": !isDay,
|
||||
}
|
||||
)}
|
||||
>
|
||||
<div className="flex flex-row items-center justify-between">
|
||||
<div className="flex flex-row items-center gap-2">
|
||||
<div
|
||||
className={cx(
|
||||
'skeleton-div size-10 rounded-full',
|
||||
"skeleton-div size-10 rounded-full",
|
||||
{
|
||||
'bg-yellow-300': isDay,
|
||||
"bg-yellow-300": isDay,
|
||||
},
|
||||
{
|
||||
'bg-indigo-100': !isDay,
|
||||
},
|
||||
"bg-indigo-100": !isDay,
|
||||
}
|
||||
)}
|
||||
/>
|
||||
<div className="font-medium text-4xl text-blue-50">
|
||||
|
|
@ -284,19 +284,19 @@ export function Weather({
|
|||
|
||||
<div className="flex flex-row justify-between">
|
||||
{displayTimes.map((time, index) => (
|
||||
<div key={time} className="flex flex-col items-center gap-1">
|
||||
<div className="flex flex-col items-center gap-1" key={time}>
|
||||
<div className="text-blue-100 text-xs">
|
||||
{format(new Date(time), 'ha')}
|
||||
{format(new Date(time), "ha")}
|
||||
</div>
|
||||
<div
|
||||
className={cx(
|
||||
'skeleton-div size-6 rounded-full',
|
||||
"skeleton-div size-6 rounded-full",
|
||||
{
|
||||
'bg-yellow-300': isDay,
|
||||
"bg-yellow-300": isDay,
|
||||
},
|
||||
{
|
||||
'bg-indigo-200': !isDay,
|
||||
},
|
||||
"bg-indigo-200": !isDay,
|
||||
}
|
||||
)}
|
||||
/>
|
||||
<div className="text-blue-50 text-sm">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue