feat(ui): improve lesson cards and theme button, optimize dependency checks

UI Improvements:
- Highlight classroom number in lesson cards using Badge component
  * Applied to both mobile and desktop views
  * Improved visual distinction for classroom information

- Fix theme switcher button layout on mobile
  * Add "Тема" text label inside the button (visible on all devices)
  * Remove redundant absolute positioned span below button
  * Fix text overflow issues on mobile devices
  * Improve button isolation to prevent text escaping

Performance Optimization:
- Optimize dependency installation check in deployment scripts
  * Replace timestamp-based check with content hash comparison
  * Use MD5 hash of package.json and lock files to detect real changes
  * Save hash after successful installation for future comparisons
  * Significantly reduce unnecessary npm install runs during updates
  * Add .dependencies.hash to .gitignore

Files changed:
- src/widgets/schedule/lesson.tsx - Added Badge for classroom
- src/features/theme-switch/index.tsx - Added text label to button
- src/widgets/navbar/index.tsx - Improved button container structure
- src/pages/index.tsx - Removed redundant theme label span
- scripts/manage.sh - Optimized dependency check logic
- scripts/install.sh - Optimized dependency check logic
- .gitignore - Added .dependencies.hash exclusion
This commit is contained in:
kilyabin
2025-11-26 01:09:46 +04:00
parent 2225851177
commit 24bb531dfb
7 changed files with 102 additions and 58 deletions

View File

@@ -126,7 +126,10 @@ export function Lesson({ lesson, width = 350, animationDelay }: {
{!isCancelled && ('place' in lesson && lesson.place) && (
<div className='flex flex-col text-muted-foreground text-xs break-words mt-3 md:hidden'>
<span className='flex items-center gap-2'><BsFillGeoAltFill /> <span className="break-words">{lesson.place.address}</span></span>
<span className='font-bold flex items-center gap-2'><RiGroup2Fill /> {lesson.place.classroom}</span>
<span className='flex items-center gap-2 mt-1'>
<RiGroup2Fill />
<Badge variant="outline" className="font-bold text-xs">{lesson.place.classroom}</Badge>
</span>
</div>
)}
</CardContent>
@@ -135,7 +138,10 @@ export function Lesson({ lesson, width = 350, animationDelay }: {
{('place' in lesson && lesson.place) ? (
<div className='hidden md:flex flex-col text-muted-foreground text-xs break-words'>
<span className='flex items-center gap-2'><BsFillGeoAltFill /> <span className="break-words">{lesson.place.address}</span></span>
<span className='font-bold flex items-center gap-2'><RiGroup2Fill /> {lesson.place.classroom}</span>
<span className='flex items-center gap-2 mt-1'>
<RiGroup2Fill />
<Badge variant="outline" className="font-bold text-xs">{lesson.place.classroom}</Badge>
</span>
</div>
) : <span />}
{Boolean(lesson.resources.length) && (