ticket detail

2026-02-24 15:40:50 +03:30
parent 5b938d1525
commit cb2a6daa29
9 changed files with 421 additions and 269 deletions
@@ -0,0 +1,33 @@
+import { type FC } from "react";
+import { CloseCircle } from "iconsax-react";
+import Button from "@/components/Button";
+import { t } from "@/locale";
+
+export type TicketDetailActionsProps = {
+    onScrollToReply: () => void;
+    onCloseTicket: () => void;
+};
+
+const TicketDetailActions: FC<TicketDetailActionsProps> = ({
+    onScrollToReply,
+    onCloseTicket,
+}) => (
+    <div className="bg-white xl:p-6 p-4 rounded-3xl flex gap-4">
+        <Button
+            label={t("ticket.send_answer")}
+            className="text-xs xl:h-10 h-8"
+            onClick={onScrollToReply}
+        />
+        <Button
+            className="bg-[#D52903] xl:h-10 h-8"
+            onClick={onCloseTicket}
+        >
+            <div className="flex gap-2 text-xs items-center text-white">
+                <CloseCircle color="white" size={20} />
+                <span>{t("ticket.close_ticket")}</span>
+            </div>
+        </Button>
+    </div>
+);
+
+export default TicketDetailActions;