strike through team name if both members are dead

src/actions/report.ts

@@ -151,6 +151,8 @@ export const report = {
             reportId: input.reportId,
             strikeReasonId: input.strikeReasonId
           });
+        } else {
+          await db.deleteStrike({ reportId: input.reportId });
         }
       });
 

src/app/admin/reports/BottomBar.svelte

@@ -20,12 +20,12 @@
   let status = $state<'open' | 'closed' | null>(null);
   let notice = $state<string | null>(null);
   let statement = $state<string | null>(null);
-  let strikeReason = $state<string | null>(null);
+  let strikeReason = $state<string | null>(String(report?.strike?.strikeReasonId ?? null));
 
   // consts
   const strikeReasonValues = strikeReasons.reduce(
     (prev, curr) => Object.assign(prev, { [curr.id]: `${curr.name} (${curr.weight})` }),
-    {}
+    { [null]: 'Kein Vergehen' }
   );
 
   // lifetime
@@ -82,8 +82,7 @@
       label="Bearbeitungsstatus"
       dynamicWidth
     />
-    <Select bind:value={strikeReason} values={strikeReasonValues} defaultValue="" label="Vergehen" dynamicWidth
+    <Select bind:value={strikeReason} values={strikeReasonValues} label="Vergehen" dynamicWidth></Select>
-    ></Select>
     <div class="divider mt-0 mb-2"></div>
     <button class="btn mt-auto" onclick={onSaveButtonClick}>Speichern</button>
   </div>

src/app/website/index/Teams.svelte

@@ -49,7 +49,11 @@
           <td>
             <div class="flex items-center gap-x-2">
               <div class="rounded-sm min-w-3 w-3 min-h-3 h-3" style="background-color: {team.color}"></div>
-              <h3 class="text-xs sm:text-xl break-all" class:text-red-200={!team.memberOne}>
+              <h3
+                class="text-xs sm:text-xl break-all"
+                class:line-through={team.memberOne.dead && team.memberTwo.dead}
+                class:text-red-200={!team.memberOne}
+              >
                 {team.name}
               </h3>
             </div>

src/components/input/Select.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
 
+  // types
   interface Props {
     id?: string;
     value?: string | null;
@@ -19,6 +20,7 @@
     notice?: Snippet;
   }
 
+  // inputs
   let {
     id,
     value = $bindable(),

src/db/database.ts

@@ -130,6 +130,8 @@ import {
   deleteStrikeReason
 } from '@db/schema/strikeReason.ts';
 import {
+  deleteStrike,
+  type DeleteStrikeReq,
   editStrike,
   type EditStrikeReq,
   getStrikeByReportId,
@@ -288,6 +290,7 @@ export class Database {
 
   /* strikes */
   editStrike = (values: EditStrikeReq) => editStrike(this.db, values);
+  deleteStrike = (values: DeleteStrikeReq) => deleteStrike(this.db, values);
   getStrikeByReportId = (values: GetStrikeByReportIdReq) => getStrikeByReportId(this.db, values);
   getStrikesByTeamId = (values: GetStrikesByTeamIdReq) => getStrikesByTeamId(this.db, values);
 

src/db/schema/report.ts

@@ -5,6 +5,8 @@ import { reportStatus } from './reportStatus.ts';
 import { generateRandomString } from '@util/random.ts';
 import { team } from '@db/schema/team.ts';
 import { BASE_PATH } from 'astro:env/server';
+import { strikeReason } from '@db/schema/strikeReason.ts';
+import { strike } from '@db/schema/strike.ts';
 
 type Database = MySql2Database<{ report: typeof report }>;
 
@@ -113,12 +115,17 @@ export async function getReports(db: Database, values: GetReportsReq) {
         status: reportStatus.status,
         notice: reportStatus.notice,
         statement: reportStatus.statement
+      },
+      strike: {
+        strikeReasonId: strikeReason.id
       }
     })
     .from(report)
     .innerJoin(reporterTeam, eq(report.reporterTeamId, reporterTeam.id))
     .leftJoin(reportedTeam, eq(report.reportedTeamId, reportedTeam.id))
     .leftJoin(reportStatus, eq(report.id, reportStatus.reportId))
+    .leftJoin(strike, eq(report.id, strike.reportId))
+    .leftJoin(strikeReason, eq(strike.strikeReasonId, strikeReason.id))
     .where(
       and(
         values.reporter != null ? eq(report.reporterTeamId, reporterIdSubquery!.id) : undefined,

src/db/schema/strike.ts

@@ -3,7 +3,6 @@ import { strikeReason } from '@db/schema/strikeReason.ts';
 import type { MySql2Database } from 'drizzle-orm/mysql2';
 import { eq } from 'drizzle-orm';
 import { report } from '@db/schema/report.ts';
-import { strikeReasons } from '@app/admin/strikeReasons/strikeReasons.ts';
 
 type Database = MySql2Database<{ strike: typeof strike }>;
 
@@ -23,6 +22,10 @@ export type EditStrikeReq = {
   strikeReasonId: number;
 };
 
+export type DeleteStrikeReq = {
+  reportId: number;
+};
+
 export type GetStrikeByReportIdReq = {
   reportId: number;
 };
@@ -47,6 +50,10 @@ export async function editStrike(db: Database, values: EditStrikeReq) {
     });
 }
 
+export async function deleteStrike(db: Database, values: DeleteStrikeReq) {
+  return db.delete(strike).where(eq(strike.reportId, values.reportId)).limit(1);
+}
+
 export async function getStrikeByReportId(db: Database, values: GetStrikeByReportIdReq) {
   const strikes = await db
     .select({

src/pages/index.astro

@@ -103,10 +103,14 @@ const information = [
 
   <div class="bg-base-100 flex flex-col space-y-10 items-center py-10">
     <h2 id="teams" class="text-4xl mb-10">Teams</h2>
+    {
+      signupEnabled && (
         <p class="text-sm text-center mb-2 mx-1">
           Bei unvollständigen Teams muss sich der zweite Mitspieler noch registrieren. Unvollständige Teams werden bei
           Anmeldeschluss gelöscht.
         </p>
+      )
+    }
     <Teams {teams} {deaths} />
   </div>
 </WebsiteLayout>