antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2026-01-20 20:01:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed some typing

Browse Source
This commit is contained in:
Anton Tranelis 2024-02-25 14:00:32 +01:00
parent 8f238330c3
commit 39fbff8b02
3 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/Components/Templates/CircleLayout.tsx
View File

@ -1,7 +1,7 @@
import * as React from 'react'; import * as React from 'react';
import { useEffect, useRef } from 'react'; import { useEffect, useRef } from 'react';
export const CircleLayout = ({ items,radius, fontSize }) => { export const CircleLayout = ({ items,radius, fontSize } : {items: any, radius: number, fontSize: any}) => {
const containerRef = useRef<HTMLDivElement>(null); const containerRef = useRef<HTMLDivElement>(null);
useEffect(() => { useEffect(() => {
@ -22,8 +22,8 @@ export const CircleLayout = ({ items,radius, fontSize }) => {
return ( return (
<div className="tw-absolute tw-mx-auto tw-flex tw-justify-center tw-items-center tw-h-full tw-w-full" ref={containerRef}> <div className="tw-absolute tw-mx-auto tw-flex tw-justify-center tw-items-center tw-h-full tw-w-full" ref={containerRef}>
{items.map((item, index) => ( {items.map((item: any) => (
<div key={index} className="tw-absolute" style={{fontSize: fontSize}}> <div key={item} className="tw-absolute" style={{fontSize: fontSize}}>
{item} {item}
</div> </div>
))} ))}

4
src/Components/Templates/MoonCalendar.tsx
View File

@ -61,8 +61,4 @@ export const MoonCalendar = () => {
</MapOverlayPage> </MapOverlayPage>
); );
}
const capitalizeFirstLetter = (string: string) => {
return string
} }

8
src/Utils/Moon.ts
View File

@ -1,22 +1,22 @@
export const LUNAR_MONTH: number = 29.530588853; export const LUNAR_MONTH: number = 29.530588853;
const getJulianDate = (date: Date = new Date()): number => { export const getJulianDate = (date: Date = new Date()): number => {
const time: number = date.getTime(); const time: number = date.getTime();
const tzoffset: number = date.getTimezoneOffset(); const tzoffset: number = date.getTimezoneOffset();
return (time / 86400000) - (tzoffset / 1440) + 2440587.5; return (time / 86400000) - (tzoffset / 1440) + 2440587.5;
}; };
const normalize = (value: number): number => { export const normalize = (value: number): number => {
value = value - Math.floor(value); value = value - Math.floor(value);
if (value < 0) value += 1; if (value < 0) value += 1;
return value; return value;
}; };
const getLunarAgePercent = (date: Date = new Date()): number => { export const getLunarAgePercent = (date: Date = new Date()): number => {
return normalize((getJulianDate(date) - 2451550.1) / LUNAR_MONTH); return normalize((getJulianDate(date) - 2451550.1) / LUNAR_MONTH);
}; };
const getLunarAge = (date: Date = new Date()): number => { export const getLunarAge = (date: Date = new Date()): number => {
const percent: number = getLunarAgePercent(date); const percent: number = getLunarAgePercent(date);
return percent * LUNAR_MONTH; return percent * LUNAR_MONTH;
}; };