display paid amount on claim page

Author: zcesur

lib/algora/bounties/schemas/claim.ex

@@ -15,7 +15,7 @@ defmodule Algora.Bounties.Claim do
     belongs_to :source, Ticket
     belongs_to :target, Ticket, null: false
     belongs_to :user, Algora.Accounts.User, null: false
-    # has_one :transaction, Algora.Payments.Transaction
+    has_many :transactions, Algora.Payments.Transaction
 
     timestamps()
   end

lib/algora/payments/schemas/transaction.ex

@@ -35,7 +35,7 @@ defmodule Algora.Payments.Transaction do
     belongs_to :contract, Contract
     belongs_to :original_contract, Contract
     belongs_to :user, Algora.Accounts.User
-    # belongs_to :claim, Algora.Bounties.Claim
+    belongs_to :claim, Algora.Bounties.Claim
     belongs_to :bounty, Algora.Bounties.Bounty
     belongs_to :tip, Algora.Bounties.Tip
     belongs_to :linked_transaction, Algora.Payments.Transaction

lib/algora_web/components/ui/stat_card.ex

@@ -24,13 +24,18 @@ defmodule AlgoraWeb.Components.UI.StatCard do
 
   defp stat_card_content(assigns) do
     ~H"""
-    <div class="group/card relative rounded-lg border bg-card text-card-foreground transition-colors duration-75 hover:bg-accent">
+    <div class={
+      classes([
+        "group/card relative rounded-lg border bg-card text-card-foreground transition-colors duration-75",
+        @href && "hover:bg-accent"
+      ])
+    }>
       <div class="flex flex-row items-center justify-between space-y-0 p-6 pb-2">
         <h3 class="text-sm font-medium tracking-tight">{@title}</h3>
         <.icon :if={@icon} name={@icon} class="h-6 w-6 text-muted-foreground" />
       </div>
       <div class="p-6 pt-0">
-        <div class="text-2xl font-bold">{@value}</div>
+        <div class="text-2xl font-bold font-display">{@value}</div>
         <p :if={@subtext} class="text-xs text-muted-foreground">{@subtext}</p>
       </div>
     </div>

lib/algora_web/live/claim_live.ex

@@ -16,13 +16,23 @@ defmodule AlgoraWeb.ClaimLive do
       |> Repo.all()
       |> Repo.preload([
         :user,
+        :transactions,
         source: [repository: [:user]],
         target: [repository: [:user], bounties: [:owner]]
       ])
 
     [primary_claim | _] = claims
 
-    {:ok, prize_pool} = primary_claim.target.bounties |> Enum.map(& &1.amount) |> Money.sum()
+    prize_pool =
+      primary_claim.target.bounties
+      |> Enum.map(& &1.amount)
+      |> Enum.reduce(Money.zero(:USD, no_fraction_if_integer: true), &Money.add!(&1, &2))
+
+    total_paid =
+      primary_claim.transactions
+      |> Enum.filter(&(&1.type == :debit and &1.status == :succeeded))
+      |> Enum.map(& &1.net_amount)
+      |> Enum.reduce(Money.zero(:USD, no_fraction_if_integer: true), &Money.add!(&1, &2))
 
     source_body_html =
       with token when is_binary(token) <- Github.TokenPool.get_token(),
@@ -41,6 +51,7 @@ defmodule AlgoraWeb.ClaimLive do
      |> assign(:source, primary_claim.source)
      |> assign(:bounties, primary_claim.target.bounties)
      |> assign(:prize_pool, prize_pool)
+     |> assign(:total_paid, total_paid)
      |> assign(:source_body_html, source_body_html)}
   end
 
@@ -49,36 +60,37 @@ defmodule AlgoraWeb.ClaimLive do
     ~H"""
     <div class="container mx-auto py-8 px-4">
       <div class="space-y-8">
-        <%!-- Header with target issue and prize pool --%>
         <.header class="mb-8">
-          <div class="flex items-center gap-4">
-            <.avatar class="h-16 w-16 rounded-full">
-              <.avatar_image src={@source.repository.user.avatar_url} />
-              <.avatar_fallback>
-                {String.first(@source.repository.user.provider_login)}
-              </.avatar_fallback>
-            </.avatar>
-            <div class="space-y-2">
-              <.link href={@target.url} class="text-xl font-semibold hover:underline" target="_blank">
-                {@target.title}
-              </.link>
-              <div class="text-sm text-muted-foreground">
-                {@source.repository.user.provider_login}/{@source.repository.name}#{@source.number}
+          <div class="grid gap-8 md:grid-cols-[2fr_1fr]">
+            <div class="flex items-center gap-4">
+              <.avatar class="h-16 w-16 rounded-full">
+                <.avatar_image src={@source.repository.user.avatar_url} />
+                <.avatar_fallback>
+                  {String.first(@source.repository.user.provider_login)}
+                </.avatar_fallback>
+              </.avatar>
+              <div class="space-y-2">
+                <.link
+                  href={@target.url}
+                  class="text-xl font-semibold hover:underline"
+                  target="_blank"
+                >
+                  {@target.title}
+                </.link>
+                <div class="text-sm text-muted-foreground">
+                  {@source.repository.user.provider_login}/{@source.repository.name}#{@source.number}
+                </div>
               </div>
             </div>
-          </div>
-          <:actions>
-            <div class="mt-4 text-2xl font-bold text-success font-display">
-              {Money.to_string!(@prize_pool)}
+            <div class="mt-4 grid grid-cols-2 gap-8">
+              <.stat_card title="Total Paid" value={Money.to_string!(@total_paid)} />
+              <.stat_card title="Prize Pool" value={Money.to_string!(@prize_pool)} />
             </div>
-          </:actions>
+          </div>
         </.header>
 
-        <%!-- New grid layout with different column widths --%>
         <div class="grid gap-8 md:grid-cols-[2fr_1fr]">
-          <%!-- Combined Claim Details Card --%>
           <div class="space-y-8">
-            <%!-- Claimer Info --%>
             <.card>
               <.card_header>
                 <div class="grid grid-cols-1 sm:grid-cols-3">
@@ -119,16 +131,11 @@ defmodule AlgoraWeb.ClaimLive do
             </.card>
           </div>
 
-          <%!-- Right Column: Claim Metadata + Sponsors --%>
           <div class="space-y-8">
-            <%!-- Claim Metadata Card --%>
             <.card>
               <.card_header>
                 <.card_title>
-                  <div class="flex items-center gap-2">
-                    <.icon name="tabler-info-circle" class="h-5 w-5 text-muted-foreground" />
-                    Claim Info
-                  </div>
+                  Claim
                 </.card_title>
               </.card_header>
               <.card_content>
@@ -149,13 +156,10 @@ defmodule AlgoraWeb.ClaimLive do
               </.card_content>
             </.card>
 
-            <%!-- Sponsors Card --%>
             <.card>
               <.card_header>
                 <.card_title>
-                  <div class="flex items-center gap-2">
-                    <.icon name="tabler-users" class="h-5 w-5 text-muted-foreground" /> Sponsors
-                  </div>
+                  Sponsors
                 </.card_title>
               </.card_header>
               <.card_content>

priv/repo/migrations/20250112164132_recreate_claims.exs

@@ -20,6 +20,10 @@ defmodule Algora.Repo.Migrations.RecreateClaims do
       timestamps()
     end
 
+    alter table(:transactions) do
+      add :claim_id, references(:claims, on_delete: :nothing)
+    end
+
     create unique_index(:claims, [:group_id, :user_id])
     create index(:claims, [:source_id])
     create index(:claims, [:target_id])
@@ -33,6 +37,10 @@ defmodule Algora.Repo.Migrations.RecreateClaims do
     drop index(:claims, [:user_id])
     drop table(:claims)
 
+    alter table(:transactions) do
+      remove :claim_id
+    end
+
     create table(:claims) do
       add :provider, :string
       add :provider_id, :string

priv/repo/seeds.exs

@@ -558,6 +558,7 @@ for {repo_name, issues} <- repos do
               id: debit_id,
               linked_transaction_id: credit_id,
               bounty_id: bounty.id,
+              claim_id: claim.id,
               type: :debit,
               status: :succeeded,
               net_amount: Money.mult!(amount, share),
@@ -569,6 +570,7 @@ for {repo_name, issues} <- repos do
               id: credit_id,
               linked_transaction_id: debit_id,
               bounty_id: bounty.id,
+              claim_id: claim.id,
               type: :credit,
               status: :succeeded,
               net_amount: Money.mult!(amount, share),