feat: drag and drop for files, code redactor in task + competition session decomposed

2026-05-23 19:07:10 +00:00 · 2025-03-01 22:52:51 +09:00
parent c79b3df909
commit 758d0de9ed
17 changed files with 784 additions and 132 deletions
@@ -0,0 +1,45 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Task } from "@/shared/types";
+import { getTaskBgColor, getTaskTextColor } from '../../utils/utils';
+
+interface CompetitionHeaderProps {
+  title: string;
+  tasks: Task[];
+  competitionId: string;
+}
+
+const CompetitionHeader: React.FC<CompetitionHeaderProps> = ({ 
+  title,
+  tasks, 
+  competitionId 
+}) => {
+  return (
+    <header className="bg-white shadow-sm">
+      <div className="mx-auto max-w-6xl px-4">
+        <div className="py-4 text-center">
+          <h1 className="font-hse-sans text-xl font-semibold">
+            {title}
+          </h1>
+        </div>
+        
+        <div className="flex items-center justify-center gap-4 pb-4 overflow-x-auto no-scrollbar">
+          {tasks.map((task) => (
+            <Link
+              key={task.id}
+              to={`/competition/${competitionId}/tasks/${task.id}`}
+              className={`${getTaskBgColor(task.status)} ${getTaskTextColor(task.status)} 
+                rounded-lg px-3 py-1.5 font-medium text-sm font-hse-sans cursor-pointer 
+                transition-all hover:brightness-95 flex-shrink-0
+                `}
+            >
+              {task.number}
+            </Link>
+          ))}
+        </div>
+      </div>
+    </header>
+  );
+};
+
+export default CompetitionHeader;