linguabot commited on
Commit
09842d2
·
verified ·
1 Parent(s): dfc627c

Upload folder using huggingface_hub

Browse files
Files changed (1) hide show
  1. client/src/pages/TutorialTasks.tsx +4 -25
client/src/pages/TutorialTasks.tsx CHANGED
@@ -727,29 +727,10 @@ const TutorialTasks: React.FC = () => {
727
  };
728
 
729
  const toggleExpanded = (taskId: string) => {
730
- if (isSafari) {
731
- lockListHeight();
732
- lockCardHeightById(taskId);
733
- lockGridHeightById(taskId);
734
- withPreservedCardOffset(taskId, () => {
735
- setMutatingTaskId(taskId);
736
  setExpandedSections(prev => ({
737
  ...prev,
738
  [taskId]: !prev[taskId]
739
  }));
740
- });
741
- requestAnimationFrame(() => requestAnimationFrame(() => {
742
- unlockListHeight();
743
- unlockCardHeightById(taskId);
744
- unlockGridHeightById(taskId);
745
- setMutatingTaskId(null);
746
- }));
747
- } else {
748
- setExpandedSections(prev => ({
749
- ...prev,
750
- [taskId]: !prev[taskId]
751
- }));
752
- }
753
  };
754
 
755
  const fetchUserSubmissions = useCallback(async (tasks: TutorialTask[]) => {
@@ -2486,9 +2467,9 @@ const TutorialTasks: React.FC = () => {
2486
  </svg>
2487
  </button>
2488
  </div>
2489
- <div ref={(el) => { submissionsGridRefs.current[task._id] = el; }} className={`grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 ${mutatingTaskId === task._id ? 'transition-none' : 'transition-all duration-300'} ${
2490
- expandedSections[task._id]
2491
- ? 'max-h-none overflow-visible'
2492
  : 'max-h-0 overflow-hidden'
2493
  }`} data-grid-id={task._id}>
2494
  {userSubmissions[task._id].map((submission, index) => (
@@ -2539,9 +2520,7 @@ const TutorialTasks: React.FC = () => {
2539
  </div>
2540
  ))}
2541
  </div>
2542
- {spacerHeights[task._id] ? (
2543
- <div style={{ height: `${spacerHeights[task._id]}px` }} />
2544
- ) : null}
2545
  </div>
2546
  )}
2547
 
 
727
  };
728
 
729
  const toggleExpanded = (taskId: string) => {
 
 
 
 
 
 
730
  setExpandedSections(prev => ({
731
  ...prev,
732
  [taskId]: !prev[taskId]
733
  }));
 
 
 
 
 
 
 
 
 
 
 
 
 
734
  };
735
 
736
  const fetchUserSubmissions = useCallback(async (tasks: TutorialTask[]) => {
 
2467
  </svg>
2468
  </button>
2469
  </div>
2470
+ <div ref={(el) => { submissionsGridRefs.current[task._id] = el; }} className={`grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 ${
2471
+ expandedSections[task._id]
2472
+ ? 'max-h-none overflow-visible'
2473
  : 'max-h-0 overflow-hidden'
2474
  }`} data-grid-id={task._id}>
2475
  {userSubmissions[task._id].map((submission, index) => (
 
2520
  </div>
2521
  ))}
2522
  </div>
2523
+
 
 
2524
  </div>
2525
  )}
2526