LegacyConsoleArchive/LCE-Hub-LCE_Emerald_Launcher
1
0
Fork 0
mirror of https://github.com/LCE-Hub/LCE-Emerald-Launcher.git synced 2026-09-24 17:11:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: workshop redesign part 2

Browse Source
This commit is contained in:
neoapps-dev
2026-04-19 22:51:50 +03:00
parent 86dc293b26
commit fb52972089
4 changed files with 986 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/WorkshopView.tsx
+17 -3
View File
@@ -1,5 +1,7 @@
import { useState, useEffect, memo, useCallback, useRef, useContext } from 'react';
import { motion, AnimatePresence } from 'framer-motion';
import ReactMarkdown from 'react-markdown';
import remarkGfm from 'remark-gfm';
import { useUI, useAudio, useConfig, GameContext } from '../../context/LauncherContext';
import { TauriService } from '../../services/TauriService';
@@ -14,6 +16,7 @@ interface RegistryPackage {
name: string;
author: string;
description: string;
extended_description?: string;
category: string[];
thumbnail: string;
zips: Record<string, string>;
@@ -451,9 +454,20 @@ function PackageModal({ pkg, onClose, playPressSound }: {
</div>
<div className="flex flex-col p-6 gap-6 overflow-y-auto flex-1">
<div className="space-y-2">
<span className="text-[10px] text-[#666] mc-text-shadow uppercase tracking-[0.2em] font-bold">Project Description</span>
<p className="text-sm text-[#C0C0C0] mc-text-shadow leading-relaxed italic opacity-90">{pkg.description}</p>
<div className="space-y-4">
<div className="space-y-2">
<span className="text-[10px] text-[#666] mc-text-shadow uppercase tracking-[0.2em] font-bold">Project Description</span>
<p className="text-sm text-[#C0C0C0] mc-text-shadow leading-relaxed italic opacity-90">{pkg.description}</p>
</div>
{pkg.extended_description && pkg.extended_description.trim() !== "" && (
<div className="space-y-2 bg-black/20 p-4 border border-[#333] rounded-sm">
<span className="text-[10px] text-[#555] mc-text-shadow uppercase tracking-[0.2em] font-bold">Additional Resources</span>
<div className="text-sm text-[#A0A0A0] mc-text-shadow leading-relaxed workshop-markdown">
<ReactMarkdown remarkPlugins={[remarkGfm]}>{pkg.extended_description}</ReactMarkdown>
</div>
</div>
)}
</div>
<div className="grid grid-cols-2 gap-8 pt-4 border-t border-[#333]">