lucasvbr/notion-widgets
1
0
Fork 0
mirror of https://github.com/LucasVbr/notion-widgets.git synced 2026-05-13 17:21:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(clock, countdown): Use globals utils functions

Browse Source
This commit is contained in:
Lucàs
2023-06-26 15:38:50 +02:00
parent cbb5e9e54f
commit 726e5af29b
2 changed files with 14 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/widgets/clock.astro
+7 -7
View File
@@ -1,8 +1,10 @@
--- ---
import Layout from '../../layouts/Layout.astro'; import Layout from '../../layouts/Layout.astro';
export const data = { export const data = {
name: "Clock ⏰" name: 'Clock ⏰',
}
};
--- ---
<Layout title="Clock"> <Layout title="Clock">
<main class="h-screen w-screen flex flex-col gap-7 justify-center items-center"> <main class="h-screen w-screen flex flex-col gap-7 justify-center items-center">
@@ -12,11 +14,9 @@ export const data = {
</Layout> </Layout>
<script is:inline> <script is:inline>
const displayElement = document.getElementById('display'); const {language} = getUrlParams({language: 'en-US'});
const dayElement = document.getElementById('day'); const displayElement = $('#display');
const dayElement = $('#day');
const urlParams = new URLSearchParams(window.location.search);
const language = urlParams.get('language') ?? 'en-US';
setInterval(() => { setInterval(() => {
const now = new Date(); const now = new Date();
src/pages/widgets/countdown.astro
+7 -10
View File
@@ -2,8 +2,8 @@
import Layout from '../../layouts/Layout.astro'; import Layout from '../../layouts/Layout.astro';
export const data = { export const data = {
name: "Countdown ⌛️" name: 'Countdown ⌛️',
} };
--- ---
<Layout title="Countdown"> <Layout title="Countdown">
@@ -14,16 +14,13 @@ export const data = {
</Layout> </Layout>
<script lang="ts" is:inline> <script lang="ts" is:inline>
const titleElement = document.getElementById('title'); const {title, datetime} = getUrlParams({title: 'Event', datetime: ''});
const displayElement = document.getElementById('display'); const titleElement = $('#title');
const displayElement = $('#display');
const urlParams = new URLSearchParams(window.location.search); titleElement.innerText = title;
const titleParam = urlParams.get('title') ?? 'Event';
const datetimeParam = urlParams.get('datetime') ?? '';
titleElement.innerText = titleParam;
const date = new Date(datetimeParam);
const date = new Date(datetime);
const interval = setInterval(() => { const interval = setInterval(() => {
const now = new Date(); const now = new Date();
const diff = Math.floor(Math.abs(date.getTime() - now.getTime()) / 1000); const diff = Math.floor(Math.abs(date.getTime() - now.getTime()) / 1000);