generate recomendation

1 files changed, 65 insertions, 0 deletions

diff --git a/src/pages/my/recomendation/components/products-recomendatison.jsx b/src/pages/my/recomendation/components/products-recomendatison.jsx
new file mode 100644
index 00000000..9438eb46
--- /dev/null
+++ b/src/pages/my/recomendation/components/products-recomendatison.jsx
@@ -0,0 +1,65 @@
+import Menu from '@/lib/auth/components/Menu';
+import { cons } from 'lodash-contrib';
+
+const ProductsRecomendation = ({ id }) => {
+  const handleSubmit = () => {}
+  const handleFileChange = () => {}
+  return (
+    <div className='container mx-auto flex py-10'>
+      <div className='w-3/12 pr-4'>
+        <Menu />
+      </div>
+      <div className='w-9/12 p-4 bg-white border border-gray_r-6 rounded'>
+        <div className='flex mb-6 items-center justify-between'>
+          <h1 className='text-title-sm font-semibold'>
+            Generate Recomendation
+          </h1>
+        </div>
+        <div className='group'>
+          <h1 className='text-sm  font-semibold'>Contoh Excel</h1>
+          <table className='table-data'>
+            <thead>
+              <tr>
+                <th>Product</th>
+                <th>Qty</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>Tekiro Long Nose Pliers Tang Lancip</td>
+                <td>10</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div className='container mx-auto mt-8'>
+          <form onSubmit={handleSubmit} >
+            <div className='mb-4'>
+              <label
+                htmlFor='excelFile'
+                className='text-sm  font-semibold'
+              >
+                Upload Excel File (.xlsx)
+              </label>
+              <input
+                type='file'
+                id='excelFile'
+                accept='.xlsx'
+                onChange={handleFileChange}
+                className='mt-1 p-2 block w-full border border-gray-300 rounded-md focus:outline-none focus:border-blue-500'
+              />
+            </div>
+            <button
+              type='submit'
+              className='bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600'
+            >
+              Generate
+            </button>
+          </form>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ProductsRecomendation;