Upload folder using huggingface_hub
Browse files
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 ${
|
| 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 |
-
|
| 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 |
|