summaryrefslogtreecommitdiffhomepage
path: root/src/components/Table.svelte
diff options
context:
space:
mode:
authorAdam Malczewski <[email protected]>2026-06-27 01:13:28 +0900
committerAdam Malczewski <[email protected]>2026-06-27 01:13:31 +0900
commit2fa03f8d7410c2b8d6be8e10ad088863e83d7177 (patch)
tree94e1923180ae38d571d34b578afecb0a18913c24 /src/components/Table.svelte
parent80f99665034a0e510300793205c162fc7a46769f (diff)
parent08b12478636f4a5c86a1f3c40a843f2906b7c82f (diff)
downloaddispatch-web-2fa03f8d7410c2b8d6be8e10ad088863e83d7177.tar.gz
dispatch-web-2fa03f8d7410c2b8d6be8e10ad088863e83d7177.zip
Merge branch 'dev' into feature/heartbeat
# Conflicts: # src/app/App.svelte # src/app/store.svelte.ts # src/app/store.test.ts # src/features/workspaces/ui/WorkspaceCard.test.ts
Diffstat (limited to 'src/components/Table.svelte')
-rw-r--r--src/components/Table.svelte74
1 files changed, 37 insertions, 37 deletions
diff --git a/src/components/Table.svelte b/src/components/Table.svelte
index 7c56e69..b6f5c5a 100644
--- a/src/components/Table.svelte
+++ b/src/components/Table.svelte
@@ -1,42 +1,42 @@
<script lang="ts">
- // Generic, purely presentational table. Props in → markup out; zero logic,
- // zero data-fetching. Shared by the surface custom-field "table" renderer and
- // the frontend "Loaded Modules" view, so neither feature depends on the other.
- let {
- columns,
- rows,
- empty = "No data",
- }: {
- readonly columns: readonly string[];
- readonly rows: readonly (readonly string[])[];
- /** Text shown when there are no rows. */
- readonly empty?: string;
- } = $props();
+ // Generic, purely presentational table. Props in → markup out; zero logic,
+ // zero data-fetching. Shared by the surface custom-field "table" renderer and
+ // the frontend "Loaded Modules" view, so neither feature depends on the other.
+ let {
+ columns,
+ rows,
+ empty = "No data",
+ }: {
+ readonly columns: readonly string[];
+ readonly rows: readonly (readonly string[])[];
+ /** Text shown when there are no rows. */
+ readonly empty?: string;
+ } = $props();
</script>
<div class="overflow-x-auto">
- <table class="table table-sm">
- <thead>
- <tr>
- {#each columns as col, i (i)}
- <th>{col}</th>
- {/each}
- </tr>
- </thead>
- <tbody>
- {#if rows.length === 0}
- <tr>
- <td colspan={Math.max(columns.length, 1)} class="opacity-60">{empty}</td>
- </tr>
- {:else}
- {#each rows as row, r (r)}
- <tr>
- {#each row as cell, c (c)}
- <td>{cell}</td>
- {/each}
- </tr>
- {/each}
- {/if}
- </tbody>
- </table>
+ <table class="table table-sm">
+ <thead>
+ <tr>
+ {#each columns as col, i (i)}
+ <th>{col}</th>
+ {/each}
+ </tr>
+ </thead>
+ <tbody>
+ {#if rows.length === 0}
+ <tr>
+ <td colspan={Math.max(columns.length, 1)} class="opacity-60">{empty}</td>
+ </tr>
+ {:else}
+ {#each rows as row, r (r)}
+ <tr>
+ {#each row as cell, c (c)}
+ <td>{cell}</td>
+ {/each}
+ </tr>
+ {/each}
+ {/if}
+ </tbody>
+ </table>
</div>