Michael/Socialflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/Socialflow.git synced 2026-10-12 01:36:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

Adjust initial media display based on screen size

Browse Source 
Initialize `visibleMediaCount` state based on window width to display 6 media items on mobile and 12 on desktop.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/F3F3s9V
This commit is contained in:
michaelschal committed 2025-10-14 07:54:34 +00:00
1 parent 3e9e5e7983
commit f5d2249633
1 file changed
+4 -1
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/new-post.tsx
+4 -1
View File
@@ -112,7 +112,10 @@ export default function NewPost() {
const [postText, setPostText] = useState('');
const [postType, setPostType] = useState<'feed' | 'story' | 'both'>('feed');
const [previewModalOpen, setPreviewModalOpen] = useState(false);
const [visibleMediaCount, setVisibleMediaCount] = useState(12);
const [visibleMediaCount, setVisibleMediaCount] = useState(() => {
// Chargement initial adapté à la taille d'écran : 6 sur mobile, 12 sur desktop
return window.innerWidth < 768 ? 6 : 12;
});
const loadMoreMediaRef = useRef<HTMLDivElement>(null);
const { data: pages = [] } = useQuery<SocialPage[]>({