aljaz/hypergolic
1
0
Fork 0
mirror of https://github.com/aljazceru/hypergolic.git synced 2025-12-21 15:24:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

problem: can't view merit request detail

Browse Source
This commit is contained in:
gsovereignty
2024-07-14 14:50:16 +08:00
parent 26e8aee158
commit fc87a03408
6 changed files with 216 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/MeritRequests.svelte
View File

@@ -1,13 +1,14 @@
<script lang="ts">
import { goto } from '$app/navigation';
import { base } from '$app/paths';
import * as Card from '@/components/ui/card';
import * as Table from '@/components/ui/table';
import { MeritRequest } from '@/event_helpers/merits';
import { ZapPurchase, type RocketProduct } from '@/event_helpers/rockets';
import { unixToRelativeTime } from '@/helpers';
import { ndk } from '@/ndk';
import { NDKEvent, NDKKind } from '@nostr-dev-kit/ndk';
import { Avatar, Name } from '@nostr-dev-kit/ndk-svelte-components';
import { onDestroy, onMount } from 'svelte';
import { onDestroy } from 'svelte';
import { derived } from 'svelte/store';
export let rocket: NDKEvent;
@@ -23,14 +24,11 @@
_merits?.unsubscribe();
});
let merits = derived(_merits, ($merits) => {
let map = new Map<string, MeritRequest>();
for (let z of $merits) {
let meritRequest = new MeritRequest(z);
if (meritRequest.Valid(rocket)) {
if (meritRequest.BasicValidation()) {
map.set(meritRequest.ID, meritRequest);
}
}
@@ -43,19 +41,17 @@
<Card.Root class="sm:col-span-3">
<Card.Header class="px-7">
<Card.Title>Merit Requests</Card.Title>
<Card.Description
>Merit Requests</Card.Description
>
<Card.Description>Merit Requests</Card.Description>
</Card.Header>
<Card.Content>
<Table.Root>
<Table.Header>
<Table.Row>
<Table.Head>Contributor</Table.Head>
<Table.Head class="hidden md:table-cell text-left">Problem</Table.Head>
<Table.Head class="hidden text-left md:table-cell">Problem</Table.Head>
<Table.Head class="table-cell">Amount (Sats)</Table.Head>
<Table.Head class="table-cell">Merits</Table.Head>
<Table.Head class="hidden md:table-cell text-right">When</Table.Head>
<Table.Head class="hidden text-right md:table-cell">When</Table.Head>
</Table.Row>
</Table.Header>
<Table.Body>
@@ -63,8 +59,9 @@
<Table.Row
on:click={() => {
console.log(merit.Request.rawEvent());
goto(`${base}/rockets/merits/${merit.ID}`);
}}
class="bg-accent cursor-pointer"
class="cursor-pointer bg-accent"
>
<Table.Cell>
<div class="flex flex-nowrap">
@@ -76,16 +73,14 @@
<Name
ndk={$ndk}
pubkey={merit.Pubkey}
class="hidden md:inline-block max-w-32 truncate p-2"
class="hidden max-w-32 truncate p-2 md:inline-block"
/>
</div>
</Table.Cell>
<Table.Cell class="hidden md:table-cell text-left"
>{merit.Problem()}</Table.Cell
>
<Table.Cell class="hidden text-left md:table-cell">{merit.Problem()}</Table.Cell>
<Table.Cell class="table-cell">{merit.Sats}</Table.Cell>
<Table.Cell class="table-cell">{merit.Merits}</Table.Cell>
<Table.Cell class="hidden md:table-cell text-right"
<Table.Cell class="hidden text-right md:table-cell"
>{unixToRelativeTime(merit.TimeStamp * 1000)}</Table.Cell
>
</Table.Row>