refactor individual tournament styles

hexlet-codebattle · Oct 3, 2024 · 4069f47 · 4069f47
1 parent bfee886
commit 4069f47
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/services/app/apps/codebattle/assets/css/style.scss b/services/app/apps/codebattle/assets/css/style.scss
@@ -151,6 +151,11 @@ em-emoji-picker {
   border: 2px solid #d9d9d9;
 }
 
+.border-winner {
+  border: 2px solid !important;
+  border-color: $gold !important;
+}
+
 .min-h-100 {
   min-height: 100%;
 }

diff --git a/services/app/apps/codebattle/assets/js/widgets/pages/tournament/IndividualMatches.jsx b/services/app/apps/codebattle/assets/js/widgets/pages/tournament/IndividualMatches.jsx
@@ -76,19 +76,19 @@ const getTitleByRoundType = (type, playersCount) => {
 const getLinkParams = (match, currentUserId) => {
   const isWinner = match.winnerId === currentUserId;
   const isParticipant = match.playerIds.includes(currentUserId);
-  const cardClassName = 'p-1 border border-success';
+  const cardClassName = 'p-1 border rounded-lg';
 
   switch (true) {
     case match.state === 'waiting' && isParticipant:
-      return ['Wait', cn(cardClassName, 'bg-warning')];
+      return ['Wait', cn(cardClassName, 'border-warning')];
     case (match.state === 'playing' && isParticipant):
-      return ['Join', cn(cardClassName, 'bg-winner')];
+      return ['Join', cn(cardClassName, 'border-winner')];
     case isWinner:
-      return ['Show', cn(cardClassName, 'bg-winner')];
+      return ['Show', cn(cardClassName, 'border-winner')];
     case isParticipant:
-      return ['Show', cn(cardClassName, 'x-bg-gray')];
+      return ['Show', cn(cardClassName, 'x-bg-gray border-secondary')];
     default:
-      return ['Show', cardClassName];
+      return ['Show', cn(cardClassName, 'border-gray')];
   }
 };