sprint-asia-custom-component 0.1.44 → 0.1.46

package/src/templates/index.js

@@ -55,6 +55,10 @@ import Header from '../components/header';
 import CellModelTwo from '../components/table/listTable/cellmodeltwo';
 import CellModelThree from '../components/table/listTable/cellmodelthree';
 import CellModelFour from '../components/table/listTable/cellmodefour';
+import DetailDivision from '../components/table/listTable/report/detaildivision';
+import CellModelFive from '../components/table/listTable/cellmodefive';
+import CellModelSix from '../components/table/listTable/cellmodesix';
+import CellModelSeven from '../components/table/listTable/cellmodelseven';
 
 
 const Templates = () => {
@@ -1050,6 +1054,7 @@ const Templates = () => {
         <DropzoneUploadFile
           title="Upload Your File"
           subtitle="Accepts PDF, JPEG, JPG. Max size 5 MB"
+          required={true}
         />
 
         <div className='m-9'></div>
@@ -1396,6 +1401,12 @@ const Templates = () => {
       <div className='m-9'></div>
       <ReportListClient {...transactionData} />
 
+      <div className='m-9'></div>
+      <div className='m-10'>
+          <DetailDivision {...reportData} />
+      </div>
+
+      
       <div className='m-9'></div>
       <p className='text-black font-bold text-2xl text-center py-2'>Pagination</p>
       <ul>
@@ -1749,6 +1760,62 @@ const Templates = () => {
                 </table>
 
 
+                <div className='m-9'></div>
+                  <table className='w-full text-left'>
+                  <HeaderTable dataHeader={["Cient Data", "PIC", "Data Created", "Last Updated", "State", "Action"]} />
+                  <tbody>
+                    {
+                      client.map((product, index) => (
+                        <CellModelSix
+                          key={index}
+                          Column_One_A={product.Column_One_A}
+                          Column_One_B={product.Column_One_B}
+                          Column_One_C={product.Column_One_C}
+                          Column_Two_A={product.Column_Two_A}
+                          Column_Two_B={product.Column_Two_B}
+                          Column_Two_C={product.Column_Two_C}
+                          Column_Three_A={product.Column_Three_A}
+                          Column_Three_B={product.Column_Three_B}
+                          Column_Four_A={product.Column_Four_A}
+                          Column_Four_B={product.Column_Four_B}
+                          Column_Five_A={product.Column_Five_A}
+                          imageUrl={product.imageUrl}
+                          onClickDelete={() => console.log('Delete', product)}
+                          onClickBody={() => console.log('Body', product)}
+                        />
+                      ))
+                    }
+        </tbody>
+                </table>
+
+                <div className='m-9'></div>
+                  <table className='w-full text-left'>
+                  <HeaderTable dataHeader={["Cient Data", "PIC", "Data Created", "State"]} />
+                  <tbody>
+                    {
+                      client.map((product, index) => (
+                        <CellModelFive
+                          key={index}
+                          Column_One_A={product.Column_One_A}
+                          Column_One_B={product.Column_One_B}
+                          Column_One_C={product.Column_One_C}
+                          Column_Two_A={product.Column_Two_A}
+                          Column_Two_B={product.Column_Two_B}
+                          Column_Two_C={product.Column_Two_C}
+                          Column_Three_A={product.Column_Three_A}
+                          Column_Three_B={product.Column_Three_B}
+                          Column_Four_A={product.Column_Four_A}
+                          Column_Four_B={product.Column_Four_B}
+                          Column_Five_A={product.Column_Five_A}
+                          imageUrl={product.imageUrl}
+                          onClickBody={() => console.log('Body', product)}
+                        />
+                      ))
+                    }
+        </tbody>
+                </table>
+
+
                 <div className='m-9'></div>
                   <table className='w-full text-left'>
                   <HeaderTable dataHeader={["Division DATA", "PIC DATA", "TYPE", "DATA CREATED", "LAST UPDATE", "STATUS", "Action"]} />
@@ -1780,6 +1847,38 @@ const Templates = () => {
         </tbody>
                 </table>
 
+
+                <div className='m-9'></div>
+                  <table className='w-full text-left'>
+                  <HeaderTable dataHeader={["Division DATA", "PIC DATA", "BILLER","TYPE",  "ACTION"]} />
+                  <tbody>
+                    {
+                      division.map((division, index) => (
+                        <CellModelSeven
+                          key={index}
+                          Column_One_A={division.Column_One_A}
+                          Column_One_B={division.Column_One_B}
+                          Column_Two_A={division.Column_Two_A}
+                          Column_Two_B={division.Column_Two_B}
+                          Column_Two_C={division.Column_Two_C}
+                          Column_Three_A={division.Column_Three_A}
+                          Column_Four_A={division.Column_Four_A}
+                          Column_Four_B={division.Column_Four_B}
+                          Column_Four_C={division.Column_Four_C}
+                          Column_Five_A={division.Column_Five_A}
+                          Column_Five_B={division.Column_Five_B}
+                          Column_Five_C={division.Column_Five_C}
+                          Column_Six_A={division.Column_Six_A}
+                          imageUrl={division.imageUrl}
+                          onClickEdit={() => console.log('Edit', division)}
+                          onClickDelete={() => console.log('Delete', division)}
+                          onClickBody={() => console.log('Body', division)}
+                        />
+                      ))
+                    }
+        </tbody>
+                </table>
+
     </div>