a little cleanup work

Author: futurepaul

src/assets/plus.png

@@ -3,18 +3,19 @@ import { cache, createAsync, revalidate, useNavigate } from "@solidjs/router";
 import { Plus, Save, Search, Shuffle } from "lucide-solid";
 import { createEffect, createSignal, For, Match, Show, Switch } from "solid-js";
 
-import {
-    ActivityDetailsModal,
-    ButtonCard,
-    HackActivityType,
-    NiceP
-} from "~/components";
+import { ActivityDetailsModal, ButtonCard, NiceP } from "~/components";
 import { useI18n } from "~/i18n/context";
 import { useMegaStore } from "~/state/megaStore";
 import { timeAgo } from "~/utils";
 
 import { GenericItem } from "./GenericItem";
 
+export type HackActivityType =
+    | "Lightning"
+    | "OnChain"
+    | "ChannelOpen"
+    | "ChannelClose";
+
 export interface IActivityItem {
     kind: HackActivityType;
     id: string;

src/assets/svg/Back.tsx

@@ -10,13 +10,13 @@ import {
     createMemo,
     createResource,
     Match,
+    ParentComponent,
     Show,
     Suspense,
     Switch
 } from "solid-js";
 
 import {
-    ActivityAmount,
     AmountFiat,
     AmountSats,
     FancyCard,
@@ -56,6 +56,39 @@ interface OnChainTx {
     labels: string[];
 }
 
+const ActivityAmount: ParentComponent<{
+    amount: string;
+    price: number;
+    positive?: boolean;
+    center?: boolean;
+}> = (props) => {
+    return (
+        <div
+            class="flex flex-col gap-1"
+            classList={{
+                "items-end": !props.center,
+                "items-center": props.center
+            }}
+        >
+            <div
+                class="justify-end"
+                classList={{ "text-m-green": props.positive }}
+            >
+                <AmountSats
+                    amountSats={Number(props.amount)}
+                    icon={props.positive ? "plus" : undefined}
+                />
+            </div>
+            <div class="text-sm text-white/70">
+                <AmountFiat
+                    amountSats={Number(props.amount)}
+                    denominationSize="sm"
+                />
+            </div>
+        </div>
+    );
+};
+
 export const OVERLAY = "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm";
 export const DIALOG_POSITIONER =
     "fixed inset-0 z-50 flex items-center justify-center";