From 357611bd50b186f2f2defcd021bfa0f2a88ec3b2 Mon Sep 17 00:00:00 2001
From: muhamad fais aizat <muhfaisaizat@gmail.com>
Date: Sat, 3 May 2025 14:59:05 +0700
Subject: [PATCH] feat:menambahkan buttton di hasil prediksi dan memperbaiki
 button di testing

---
 frontend/src/pages/Panel/Result/Result.jsx    | 21 +++++++++++++++++++
 .../pages/Panel/TestingSVR/HasilPrediksi.jsx  |  4 ++--
 .../pages/Panel/TestingSVR/Preprocessing.jsx  |  2 +-
 3 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/Panel/Result/Result.jsx b/frontend/src/pages/Panel/Result/Result.jsx
index c6cf36fa..cb4622b5 100644
--- a/frontend/src/pages/Panel/Result/Result.jsx
+++ b/frontend/src/pages/Panel/Result/Result.jsx
@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { SearchNormal1 } from "iconsax-react";
 import { Input } from "@/components/ui/input";
+import { Button } from '@/components/ui/button'
 import {
   Table,
   TableBody,
@@ -21,6 +22,8 @@ import {
 import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
 import axios from 'axios';
 import { API_URL } from "../../../helpers/networt";
+import * as XLSX from 'xlsx';
+import { saveAs } from 'file-saver';
 
 
 
@@ -65,11 +68,27 @@ const Result = () => {
   const endIndex = startIndex + ITEMS_PER_PAGE;
   const currentData = filteredData.slice(startIndex, endIndex);
 
+  const unduhExcel = () => {
+    if (dataHarga.length === 0) {
+      alert("Tidak ada data untuk diunduh.");
+      return;
+    }
+
+    const worksheet = XLSX.utils.json_to_sheet(dataHarga);
+    const workbook = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(workbook, worksheet, "Data Harga");
+
+    const excelBuffer = XLSX.write(workbook, { bookType: "xlsx", type: "array" });
+    const data = new Blob([excelBuffer], { type: "application/octet-stream" });
+    saveAs(data, "hasil_prediksi_seluruh_data_harga_tomat.xlsx");
+  };
+
   return (
     <div className="w-full px-4 md:px-8 py-4 space-y-6">
       {/* Header */}
       <div className="flex flex-col md:flex-row md:justify-between md:items-center gap-4">
         <h1 className="text-lg font-semibold">Hasil Harga Prediksi</h1>
+        <div className='xl:flex grid gap-3'>
         <div className="relative w-full md:w-[308px] h-[40px]">
           <SearchNormal1 className="absolute left-4 top-1/2 transform -translate-y-1/2" size={16} />
           <Input
@@ -82,6 +101,8 @@ const Result = () => {
             }}
           />
         </div>
+        <Button onClick={unduhExcel} className='h-[40px] xl:w-40 md:w-full w-full bg-gradient-to-r from-[#402412a8] to-[#9a070790]'>unduh excel</Button>
+        </div>
       </div>
 
       {/* Table Container */}
diff --git a/frontend/src/pages/Panel/TestingSVR/HasilPrediksi.jsx b/frontend/src/pages/Panel/TestingSVR/HasilPrediksi.jsx
index 0a062edf..1afad4f6 100644
--- a/frontend/src/pages/Panel/TestingSVR/HasilPrediksi.jsx
+++ b/frontend/src/pages/Panel/TestingSVR/HasilPrediksi.jsx
@@ -76,7 +76,7 @@ const HasilPrediksi = ({ result }) => {
             <h1 className='text-[14px] font-semibold'>Hasil memprediksi Harga</h1>
             <p className='pr-[30px] text-[10px]'>Berikut hasil prediksi terhadap data uji:</p>
           </div>
-          <div className='xl:flex sm:grid gap-3'>
+          <div className='xl:flex grid gap-3'>
           <div className="relative w-full md:w-[308px] h-[32px]">
             <SearchNormal1 className="absolute left-[16px] top-1/2 transform -translate-y-1/2" size={16} />
             <Input
@@ -89,7 +89,7 @@ const HasilPrediksi = ({ result }) => {
               }}
             />
           </div>
-          <Button onClick={unduhExcel} className='h-[32px] bg-gradient-to-r from-[#402412a8] to-[#9a070790]'>unduh excel</Button>
+          <Button onClick={unduhExcel} className='h-[32px] xl:w-40 md:w-full w-full bg-gradient-to-r from-[#402412a8] to-[#9a070790]'>unduh excel</Button>
           </div>
         </div>
         <div className="">
diff --git a/frontend/src/pages/Panel/TestingSVR/Preprocessing.jsx b/frontend/src/pages/Panel/TestingSVR/Preprocessing.jsx
index 4fa98f6a..54dc1262 100644
--- a/frontend/src/pages/Panel/TestingSVR/Preprocessing.jsx
+++ b/frontend/src/pages/Panel/TestingSVR/Preprocessing.jsx
@@ -81,7 +81,7 @@ const Preprocessing = ({ result }) => {
             <h1 className='text-[14px] font-semibold'>Preprocessing</h1>
             <p className='pr-[30px] text-[10px]'>Tahap ini dilakukan untuk mengubah kolom angka menjadi tipe numerik, menghapus nilai yang kosong, mengubah format tanggal menjadi format date time, menambahkan fitur baru Harga 2Hari Lalu sebagai tambahan informasi historis.</p>
           </div>
-          <div className='xl:flex sm:grid gap-3'>
+          <div className='xl:flex grid gap-3'>
           <div className="relative w-full md:w-[308px] h-[32px]">
             <SearchNormal1 className="absolute left-[16px] top-1/2 transform -translate-y-1/2" size={16} />
             <Input