From 9fb01f574613cbfb61604f9aeabe4fcd37b48dd0 Mon Sep 17 00:00:00 2001
From: AINDUSTRIES <contact.aindustries@gmail.com>
Date: Sat, 12 Sep 2026 01:02:23 +0200
Subject: [PATCH] Added buttons to dialog mockup

---
 app/components/inventory.tsx   | 4 ++++
 app/components/skin_dialog.tsx | 6 ++++++
 app/components/skin_tile.tsx   | 9 ++++++++-
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/app/components/inventory.tsx b/app/components/inventory.tsx
index f1f5b34..5de6f30 100644
--- a/app/components/inventory.tsx
+++ b/app/components/inventory.tsx
@@ -142,16 +142,19 @@ export function Inventory({ side }: { side: "T" | "CT" }) {
                         {knife && (
                             <SkinTile
                                 skin={knife}
+                                side={side}
                             ></SkinTile>
                         )}
                         {gloves && (
                             <SkinTile
                                 skin={gloves}
+                                side={side}
                             ></SkinTile>
                         )}
                         {agent && (
                             <SkinTile
                                 skin={agent}
+                                side={side}
                             ></SkinTile>
                         )}
                     </div>
@@ -165,6 +168,7 @@ export function Inventory({ side }: { side: "T" | "CT" }) {
                             <SkinTile
                                 key={i}
                                 skin={v}
+                                side={side}
                             />
                         ))}
                     </div>
diff --git a/app/components/skin_dialog.tsx b/app/components/skin_dialog.tsx
index 76bfdf9..25726e1 100644
--- a/app/components/skin_dialog.tsx
+++ b/app/components/skin_dialog.tsx
@@ -7,10 +7,12 @@ export function SkinDialog({
     isOpen,
     setIsOpen,
     skin,
+    side
 }: {
     isOpen: boolean;
     setIsOpen: Dispatch<SetStateAction<boolean>>;
     skin: WeaponInfo | AgentInfo;
+    side: "T" | "CT"
 }) {
     const acolor = `${skin.color}64`;
     return (
@@ -91,6 +93,10 @@ export function SkinDialog({
                                 <Typography.Code>
                                     Transaction id: {skin.id}
                                 </Typography.Code>
+                                <div className="flex gap-2 justify-end">
+                                    <Button variant="secondary">Apply to both</Button>
+                                    <Button>Apply to {side}</Button>
+                                </div>
                             </div>
                         </Modal.Body>
                     </Modal.Dialog>
diff --git a/app/components/skin_tile.tsx b/app/components/skin_tile.tsx
index e312299..ac8c341 100644
--- a/app/components/skin_tile.tsx
+++ b/app/components/skin_tile.tsx
@@ -4,7 +4,13 @@ import { useState } from "react";
 import { SkinDialog } from "./skin_dialog";
 import { WeaponInfo, AgentInfo } from "~/types/skin";
 
-export function SkinTile({ skin }: { skin: WeaponInfo | AgentInfo }) {
+export function SkinTile({
+    skin,
+    side,
+}: {
+    skin: WeaponInfo | AgentInfo;
+    side: "T" | "CT";
+}) {
     const [isDialogOpen, setIsDialogOpen] = useState(false);
     const acolor = `${skin.color}64`;
     return (
@@ -13,6 +19,7 @@ export function SkinTile({ skin }: { skin: WeaponInfo | AgentInfo }) {
                 isOpen={isDialogOpen}
                 setIsOpen={setIsDialogOpen}
                 skin={skin}
+                side={side}
             />
             <Button
                 onClick={() => setIsDialogOpen(true)}