11import { useState , useEffect , useRef , useCallback , useMemo } from 'react' ;
2- import { ClockIcon , BookmarkIcon , TrendingUpIcon , ChevronLeftIcon , ChevronRightIcon , StarIcon , HistoryIcon , ChevronUpIcon , ExternalLinkIcon , ThumbsUpIcon , ArrowUpIcon } from 'lucide-react' ;
2+ import { ClockIcon , BookmarkIcon , TrendingUpIcon , ChevronLeftIcon , ChevronRightIcon , StarIcon , HistoryIcon , ChevronUpIcon , ExternalLinkIcon , ThumbsUpIcon , ArrowUpIcon , CalendarIcon } from 'lucide-react' ;
33import {
44 Card ,
55 CardContent } from '../ui/card' ;
@@ -11,6 +11,7 @@ import type { MockDocument } from '../../lib/mocking/mocked';
1111import { cn } from '../../lib/utils' ;
1212import DocumentView from '../modals/DocumentView' ;
1313import { useAppNavigate , useScrollToTop } from '@/lib/navigation' ;
14+ import { Separator } from '../ui/separator' ;
1415
1516const Home = ( ) => {
1617 const appNavigate = useAppNavigate ( ) ;
@@ -358,7 +359,7 @@ const Home = () => {
358359
359360 < div className = "flex items-center gap-3 mt-2 text-xs text-muted-foreground" >
360361 < div className = "flex items-center gap-1" >
361- < ClockIcon size = { 12 } className = "text-primary" />
362+ < CalendarIcon size = { 12 } className = "text-primary" />
362363 < span > Pubblicato: { formatRelativeDate ( doc . file . uploadedAt ) } </ span >
363364 </ div >
364365
@@ -484,7 +485,7 @@ const Home = () => {
484485
485486 < div className = "flex items-center gap-3 mt-2 text-xs text-muted-foreground" >
486487 < div className = "flex items-center gap-1" >
487- < ClockIcon size = { 12 } className = "text-primary" />
488+ < CalendarIcon size = { 12 } className = "text-primary" />
488489 < span > Pubblicato: { formatRelativeDate ( doc . file . uploadedAt ) } </ span >
489490 </ div >
490491
@@ -566,11 +567,12 @@ const Home = () => {
566567
567568 < div className = "grid grid-cols-1 md:grid-cols-2 gap-8 mb-10" >
568569 { /* Recent Documents */ }
569- < section >
570- < h2 ref = { recentDocsRef } className = "text-2xl font-semibold flex items-center gap-3 mb-6 " >
570+ < section className = "mr-6" >
571+ < h2 ref = { recentDocsRef } className = "text-2xl font-semibold flex items-center gap-3 mb-4 " >
571572 < ClockIcon size = { 24 } className = "text-primary" />
572573 Recenti ({ recentDocs . length } )
573574 </ h2 >
575+ < Separator className = "mb-4 bg-primary/20" />
574576 < div className = "space-y-4" >
575577 { recentDocs . slice ( 0 , showAllRecentDocs ? recentDocs . length : 3 ) . map ( ( doc ) => (
576578 < Card
@@ -684,11 +686,12 @@ const Home = () => {
684686 </ section >
685687
686688 { /* Favorite Documents */ }
687- < section >
688- < h2 ref = { savedDocsRef } className = "text-2xl font-semibold flex items-center gap-3 mb-6 " >
689+ < section className = "ml-6" >
690+ < h2 ref = { savedDocsRef } className = "text-2xl font-semibold flex items-center gap-3 mb-4 " >
689691 < BookmarkIcon size = { 24 } className = "text-primary" />
690692 Salvati ({ favoriteDocs . length } )
691693 </ h2 >
694+ < Separator className = "mb-4 bg-primary/20" />
692695 { favoriteDocs . length > 0 ? (
693696 < div className = "space-y-4" >
694697 { favoriteDocs . slice ( 0 , showAllBookmarkedDocs ? favoriteDocs . length : 3 ) . map ( ( doc ) => (
0 commit comments