@xcpcio/board-app/src/composables/color.ts

XCPCIO Board App

import type { Submission, Team } from "@xcpcio/core";
import { MedalType } from "@xcpcio/core";

export function getMedalColor(team: Team): { backgroundColor: string; color: string } | undefined {
  const color = {
    backgroundColor: "#fff",
    color: "#000",
  };

  if (team.awards.includes(MedalType.GOLD)) {
    color.backgroundColor = "#fff566";
    return color;
  }

  if (team.awards.includes(MedalType.SILVER)) {
    color.backgroundColor = "#ffadd2";
    return color;
  }

  if (team.awards.includes(MedalType.BRONZE)) {
    color.backgroundColor = "#f0c0a0";
    return color;
  }

  if (team.awards.includes(MedalType.HONORABLE)) {
    color.backgroundColor = "#e6f7ff";
    return color;
  }

  return undefined;
}

export function getStandingsStatusColor(submission: Submission) {
  if (submission.isFirstSolved) {
    return "#3db03d";
  }

  if (submission.isAccepted()) {
    return "#e1ffb5";
  }

  if (submission.isPending()) {
    return "#c8d6fa";
  }

  return "#ffd0d0";
}