Merge pull request #175 from PNUops/feat/award-result-setting

feat: 프로젝트 별 수상 표시 설정 및 커스텀 정렬 지원

Author: redzzzi

package-lock.json

@@ -15,6 +15,7 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tooltip": "^1.2.7",
     "@react-hookz/web": "^25.1.1",

package.json

@@ -1,5 +1,7 @@
 import { TeamListItemResponseDto } from '../types/DTO/teams/teamListDto';
 import { SubmissionStatusResponseDto } from '../types/DTO/teams/submissionStatusDto';
+import { PatchAwardRequestDto, PatchCustomOrderRequestDto } from 'types/DTO';
+
 import apiClient from './apiClient';
 import { SortOption } from '@pages/admin/ProjectSortToggle';
 
@@ -44,3 +46,13 @@ export const getSortStatus = async (): Promise<SortOption> => {
   const res = await apiClient.get('/teams/sort');
   return res.data.currentMode as SortOption;
 };
+
+export const patchTeamAward = async (teamId: number, payload: PatchAwardRequestDto) => {
+  const res = await apiClient.patch(`admin/teams/${teamId}/award`, payload);
+  return res.data;
+};
+
+export const patchCustomSortTeam = async (contestId: number, payload: PatchCustomOrderRequestDto) => {
+  const res = await apiClient.patch('/teams/sort/custom', payload);
+  return res.data;
+};

src/apis/teams.ts

@@ -0,0 +1,30 @@
+import { FaAward } from 'react-icons/fa6';
+
+interface AwardTagProps {
+  awardName: string;
+  awardColor: string;
+}
+
+const AwardTag = ({ awardName, awardColor }: AwardTagProps) => {
+  return (
+    <span
+      className="award-tag relative inline-flex max-w-full min-w-0 items-center justify-center overflow-hidden rounded-full border px-4 py-0.5 text-sm font-medium text-white"
+      style={{
+        backgroundColor: awardColor,
+        borderColor: awardColor,
+        boxShadow: `0 0 8px 2px ${awardColor}88, 0 0 24px 4px ${awardColor}44`,
+      }}
+    >
+      <span className="award-shimmer" />
+      <FaAward className="relative z-10 mr-1 shrink-0" />
+      <span
+        className="relative z-10 max-w-full min-w-0 truncate overflow-hidden text-ellipsis whitespace-nowrap"
+        style={{ display: 'inline-block', minWidth: 0, maxWidth: '100%' }}
+      >
+        {awardName}
+      </span>
+    </span>
+  );
+};
+
+export default AwardTag;