akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-25 16:16:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Allow generators to be listed in two columns

Browse Source
This commit is contained in:
Misode
2024-09-18 14:45:50 +02:00
parent d7781d717a
commit 137c4816d6
3 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/components/generator/GeneratorCard.tsx
View File

@@ -1,10 +1,10 @@
import { useMemo } from 'preact/hooks'
import type { ConfigGenerator } from '../../Config.js'
import config from '../../Config.js'
import { cleanUrl } from '../../Utils.js'
import { useLocale } from '../../contexts/Locale.jsx'
import type { VersionId } from '../../services/Schemas.js'
import { checkVersion } from '../../services/Schemas.js'
import { cleanUrl } from '../../Utils.js'
import { Badge, Card, Icons, ToolCard } from '../index.js'
const VERSION_SEP = ' • '
@@ -40,12 +40,12 @@ export function GeneratorCard({ id, minimal }: Props) {
}, [gen])
const versionText = useMemo(() => {
if (versions.length <= 5) {
if (versions.length <= 3) {
return versions.join(VERSION_SEP)
}
return versions[0] + VERSION_SEP
+ '...' + VERSION_SEP
+ versions.slice(-3).join(VERSION_SEP)
+ versions.slice(-2).join(VERSION_SEP)
}, [versions])
const tags = useMemo(() => {