Added dead state of warTeam

Starchasers · Oct 7, 2021 · f7f80b8 · f7f80b8
1 parent b95e512
commit f7f80b8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/@types/generated/contentful.d.ts b/@types/generated/contentful.d.ts
@@ -133,6 +133,9 @@ export interface IWarTeamFields {
 
   /** Banner */
   banner?: Asset | undefined
+
+  /** isDead */
+  isDead: boolean
 }
 
 export interface IWarTeam extends Entry<IWarTeamFields> {

diff --git a/src/components/elements/WarTeam/index.tsx b/src/components/elements/WarTeam/index.tsx
@@ -19,6 +19,7 @@ const WarTeam = (props: IWarTeam) => (
         padding: 0;
       }
     `}
+    style={props.fields.isDead && { opacity: '0.5' }}
   >
     <div
       className={css`
@@ -37,6 +38,7 @@ const WarTeam = (props: IWarTeam) => (
         font-size: 20px;
         display: flex;
         align-items: center;
+        word-break: break-all;
 
         &::after {
           position: absolute;
@@ -49,6 +51,7 @@ const WarTeam = (props: IWarTeam) => (
           opacity: 0.25;
         }
       `}
+      style={props.fields.isDead && { textDecoration: 'line-through' }}
     >
       {props.fields.title}
     </span>