chore: remove unused code

2026-01-27 17:23:25 +01:00
parent e59a8e5a4d
commit 1708a02b8f
2 changed files with 0 additions and 359 deletions
--- a/src/pages/SimpleProgram/SimpleProgram.module.css
+++ b/src/pages/SimpleProgram/SimpleProgram.module.css
@@ -1,167 +0,0 @@
 /* ---------- Layout ---------- */
 .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #1e1e1e;
  color: #f5f5f5;
 }
 .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(0.75rem, 2vw, 1.25rem);
  background: #2a2a2a;
  border-bottom: 1px solid #3a3a3a;
 }
 .header h2 {
  font-size: clamp(1rem, 2.2vw, 1.4rem);
  font-weight: 600;
 }
 .controls button {
  margin-left: 0.5rem;
  padding: 0.4rem 0.9rem;
  border-radius: 6px;
  border: none;
  background: #111;
  color: white;
  cursor: pointer;
 }
 .controls button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
 }
 /* ---------- Content ---------- */
 .content {
  flex: 1;
  padding: 2%;
 }
 /* ---------- Grid ---------- */
 .phaseGrid {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 2%;
 }
 /* ---------- Box ---------- */
 .box {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  color: #1e1e1e;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
 }
 .boxHeader {
  padding: 0.6rem 0.9rem;
  background: linear-gradient(135deg, #dcdcdc, #e9e9e9);
  font-style: italic;
  font-weight: 500;
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  border-bottom: 1px solid #cfcfcf;
 }
 .boxContent {
  flex: 1;
  padding: 0.8rem 1rem;
  overflow-y: auto;
 }
 /* ---------- Lists ---------- */
 .iconList {
  list-style: none;
  padding: 0;
  margin: 0;
 }
 .iconList li {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.5rem;
  font-size: clamp(0.85rem, 1.3vw, 1rem);
 }
 .bulletList {
  margin: 0;
  padding-left: 1.2rem;
 }
 .bulletList li {
  margin-bottom: 0.4rem;
 }
 /* ---------- Icons ---------- */
 .successIcon,
 .failIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  border-radius: 4px;
  font-weight: bold;
  color: white;
  flex-shrink: 0;
 }
 .successIcon {
  background: #3cb371;
 }
 .failIcon {
  background: #e5533d;
 }
 /* ---------- Empty ---------- */
 .empty {
  opacity: 0.55;
  font-style: italic;
  font-size: 0.9rem;
 }
 /* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .phaseGrid {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
 }
 .leftControls {
  display: flex;
  align-items: center;
  gap: 1rem;
 }
 .backButton {
  background: transparent;
  border: 1px solid #555;
  color: #ddd;
  padding: 0.35rem 0.75rem;
  border-radius: 6px;
  cursor: pointer;
 }
 .backButton:hover {
  background: #333;
 }
--- a/src/pages/SimpleProgram/SimpleProgram.tsx
+++ b/src/pages/SimpleProgram/SimpleProgram.tsx
@@ -1,192 +0,0 @@
 import React from "react";
 import styles from "./SimpleProgram.module.css";
 import useProgramStore from "../../utils/programStore.ts";
 /**
 * Generic container box with a header and content area.
 */
 type BoxProps = {
  title: string;
  children: React.ReactNode;
 };
 const Box: React.FC<BoxProps> = ({ title, children }) => (
  <div className={styles.box}>
    <div className={styles.boxHeader}>{title}</div>
    <div className={styles.boxContent}>{children}</div>
  </div>
 );
 /**
 * Renders a list of goals for a phase.
 * Expects goal-like objects from the program store.
 */
 const GoalList: React.FC<{ goals: unknown[] }> = ({ goals }) => {
  if (!goals.length) {
    return <p className={styles.empty}>No goals defined.</p>;
  }
  return (
    <ul className={styles.iconList}>
      {goals.map((g, idx) => {
        const goal = g as {
          id?: string;
          description?: string;
          achieved?: boolean;
        };
        return (
          <li key={goal.id ?? idx}>
            <span
              className={
                goal.achieved ? styles.successIcon : styles.failIcon
              }
            >
              {goal.achieved ? "✔" : "✖"}
            </span>
            {goal.description ?? "Unnamed goal"}
          </li>
        );
      })}
    </ul>
  );
 };
 /**
 * Renders a list of triggers for a phase.
 */
 const TriggerList: React.FC<{ triggers: unknown[] }> = ({ triggers }) => {
  if (!triggers.length) {
    return <p className={styles.empty}>No triggers defined.</p>;
  }
  return (
    <ul className={styles.iconList}>
      {triggers.map((t, idx) => {
        const trigger = t as {
          id?: string;
          label?: string;
        };
        return (
          <li key={trigger.id ?? idx}>
            <span className={styles.failIcon}>✖</span>
            {trigger.label ?? "Unnamed trigger"}
          </li>
        );
      })}
    </ul>
  );
 };
 /**
 * Renders a list of norms for a phase.
 */
 const NormList: React.FC<{ norms: unknown[] }> = ({ norms }) => {
  if (!norms.length) {
    return <p className={styles.empty}>No norms defined.</p>;
  }
  return (
    <ul className={styles.bulletList}>
      {norms.map((n, idx) => {
        const norm = n as {
          id?: string;
          norm?: string;
        };
        return <li key={norm.id ?? idx}>{norm.norm ?? "Unnamed norm"}</li>;
      })}
    </ul>
  );
 };
 /**
 * Displays all phase-related information in a grid layout.
 */
 type PhaseGridProps = {
  norms: unknown[];
  goals: unknown[];
  triggers: unknown[];
 };
 const PhaseGrid: React.FC<PhaseGridProps> = ({
  norms,
  goals,
  triggers,
 }) => (
  <div className={styles.phaseGrid}>
    <Box title="Norms">
      <NormList norms={norms} />
    </Box>
    <Box title="Triggers">
      <TriggerList triggers={triggers} />
    </Box>
    <Box title="Goals">
      <GoalList goals={goals} />
    </Box>
    <Box title="Conditional Norms">
      <p className={styles.empty}>No conditional norms defined.</p>
    </Box>
  </div>
 );
 /**
 * Main program viewer.
 * Reads all data from the program store and allows
 * navigating between phases.
 */
 const SimpleProgram: React.FC = () => {
  const getPhaseIds = useProgramStore((s) => s.getPhaseIds);
  const getNormsInPhase = useProgramStore((s) => s.getNormsInPhase);
  const getGoalsInPhase = useProgramStore((s) => s.getGoalsInPhase);
  const getTriggersInPhase = useProgramStore((s) => s.getTriggersInPhase);
  const phaseIds = getPhaseIds();
  const [phaseIndex, setPhaseIndex] = React.useState(0);
  if (phaseIds.length === 0) {
    return <p className={styles.empty}>No program loaded.</p>;
  }
  const phaseId = phaseIds[phaseIndex];
  return (
    <div className={styles.container}>
      <header className={styles.header}>
        <h2>
          Phase {phaseIndex + 1} / {phaseIds.length}
        </h2>
        <div className={styles.controls}>
          <button
            disabled={phaseIndex === 0}
            onClick={() => setPhaseIndex((i) => i - 1)}
          >
            ◀ Prev
          </button>
          <button
            disabled={phaseIndex === phaseIds.length - 1}
            onClick={() => setPhaseIndex((i) => i + 1)}
          >
            Next ▶
          </button>
        </div>
      </header>
      <div className={styles.content}>
        <PhaseGrid
          norms={getNormsInPhase(phaseId)}
          goals={getGoalsInPhase(phaseId)}
          triggers={getTriggersInPhase(phaseId)}
        />
      </div>
    </div>
  );
 };
 export default SimpleProgram;