TeaSanctuary/teasanctuary.ru
4
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

Актуальность блог поста проверяется только на клиенте

Browse source
This commit is contained in:
Иван Кузьменко 2025-11-11 09:32:28 +03:00
parent 5bc2d586cc
commit e006cdb09b
1 changed files with 18 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/lib/components/BlogCard.svelte
View file

@ -14,20 +14,29 @@
} from '$lib/util/Blogs';
import DateWidget from '$lib/components/DateWidget.svelte';
import Icon from '@iconify/svelte';
import { onMount } from 'svelte';
export let post: App.BlogPost;
export let size: BlogCardSize = BlogCardSize.Both;
export let fullHeight = false;
let {
post,
size = BlogCardSize.Both,
fullHeight = false
}: { post: App.BlogPost; size: BlogCardSize; fullHeight: boolean } = $props();
const type: App.BlogPostType = post.type ?? 'article';
const dateNow = new Date().valueOf();
const isPostNew = dateNow - new Date(post.date!).valueOf() <= BLOG_POST_FRESHNESS_MILLIS;
const isPostUpdated =
post.dateChanged != null &&
dateNow - new Date(post.dateChanged).valueOf() <= BLOG_POST_FRESHNESS_MILLIS;
const isPostFresh = isPostNew || isPostUpdated;
let isPostNew = $state(false);
let isPostUpdated = $state(false);
let isPostFresh = $derived(isPostNew || isPostUpdated);
// TODO: rndtrash: события и их актуальность
onMount(() => {
// rndtrash: Выполняем проверки на клиенте, чтобы плашка не скомпилировалась и потом не потеряла актуальность
const dateNow = new Date().valueOf();
isPostNew = dateNow - new Date(post.date!).valueOf() <= BLOG_POST_FRESHNESS_MILLIS;
isPostUpdated =
post.dateChanged != null &&
dateNow - new Date(post.dateChanged).valueOf() <= BLOG_POST_FRESHNESS_MILLIS;
});
/**
* rndtrash: пришлось дублировать классы с модификатором и без, потому что Tailwind просто не понимает,
* когда его классы склеивают из нескольких частей