Added buttons to dialog mockup

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>

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>

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)}