kediritechnopark/AnythingYouWant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
zadit
2025-02-03 07:27:48 +07:00
parent fa5bab4d5f
commit 50de8d7961
1 changed files with 51 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/pages/Reports.js
View File

@@ -514,16 +514,16 @@ const App = ({ forCafe = true, cafeId = -1,
<div style={{ marginRight: "5px", fontSize: "1.2em" }}>ⓘ</div> <div style={{ marginRight: "5px", fontSize: "1.2em" }}>ⓘ</div>
<h6 style={{ margin: 0, textAlign: "left", fontSize: '10px', fontWeight: 500 }}> <h6 style={{ margin: 0, textAlign: "left", fontSize: '10px', fontWeight: 500 }}>
{(filter == 'yesterday' || filter == 'weekly') ? {(filter == 'yesterday' || filter == 'weekly') ?
`Data dihitung dengan membandingkan `Data dihitung dengan membandingkan
${comparisonText} hari terakhir dengan ${comparisonText} hari sebelumnya, dengan penghitungan dimulai dari data kemarin.` ${comparisonText} hari terakhir dengan ${comparisonText} hari sebelumnya, dengan penghitungan dimulai dari data kemarin.`
: :
(filter == 'monthly') ? `Data dihitung dengan membandingkan antara awal hingga akhir bulan ini dan bulan lalu, dengan penghitungan berakhir pada data kemarin.` : `Data dihitung dengan membandingkan antara awal hingga akhir tahun ini dan tahun lalu, dengan penghitungan berakhir pada data kemarin.`} (filter == 'monthly') ? `Data dihitung dengan membandingkan antara awal hingga akhir bulan ini dan bulan lalu, dengan penghitungan berakhir pada data kemarin.` : `Data dihitung dengan membandingkan antara awal hingga akhir tahun ini dan tahun lalu, dengan penghitungan berakhir pada data kemarin.`}
</h6> </h6>
</div> </div>
</div> </div>
<div className={styles.filterSelectorWrapper}> <div className={styles.filterSelectorWrapper}>
<div className={`${styles.filterSelector} ${circularFilter == 'item' ? '':styles.filterSelectorInactive} <div className={`${styles.filterSelector} ${circularFilter == 'item' ? '' : styles.filterSelectorInactive}
}`} }`}
onClick={() => onClick={() =>
setCircularFilter('item') setCircularFilter('item')
@@ -533,13 +533,13 @@ const App = ({ forCafe = true, cafeId = -1,
<div>Item laku</div> <div>Item laku</div>
</div> </div>
<div <div
className={`${styles.filterSelector} ${circularFilter == 'material' ? '':styles.filterSelectorInactive} className={`${styles.filterSelector} ${circularFilter == 'material' ? '' : styles.filterSelectorInactive}
}`} }`}
onClick={() => onClick={() =>
setCircularFilter('material') setCircularFilter('material')
} }
> >
<div>Bahan baku</div> <div>Bahan baku</div>
</div> </div>
</div> </div>
@@ -581,7 +581,7 @@ const App = ({ forCafe = true, cafeId = -1,
</div> </div>
<div className={styles.filterSelectorWrapper}> <div className={styles.filterSelectorWrapper}>
<div className={`${styles.filterSelector} ${graphFilter == 'income' ? '':styles.filterSelectorInactive} <div className={`${styles.filterSelector} ${graphFilter == 'income' ? '' : styles.filterSelectorInactive}
}`} }`}
onClick={() => onClick={() =>
setGraphFilter('income') setGraphFilter('income')
@@ -591,23 +591,23 @@ const App = ({ forCafe = true, cafeId = -1,
<div>Pemasukan</div> <div>Pemasukan</div>
</div> </div>
<div <div
className={`${styles.filterSelector} ${graphFilter == 'outcome' ? '':styles.filterSelectorInactive} className={`${styles.filterSelector} ${graphFilter == 'outcome' ? '' : styles.filterSelectorInactive}
}`} }`}
onClick={() => onClick={() =>
setGraphFilter('outcome') setGraphFilter('outcome')
} }
> >
<div>Pengeluaran</div> <div>Pengeluaran</div>
</div> </div>
<div <div
className={`${styles.filterSelector} ${graphFilter == 'transactions' ? '':styles.filterSelectorInactive} className={`${styles.filterSelector} ${graphFilter == 'transactions' ? '' : styles.filterSelectorInactive}
}`} }`}
onClick={() => onClick={() =>
setGraphFilter('transactions') setGraphFilter('transactions')
} }
> >
<div>Transaksi</div> <div>Transaksi</div>
</div> </div>
</div> </div>
@@ -630,7 +630,7 @@ const App = ({ forCafe = true, cafeId = -1,
padding: "20px", padding: "20px",
}} }}
> >
{user.roleId == 0 ? {user?.roleId == 0 ?
<RoundedRectangle <RoundedRectangle
title={"Masukkan nama bisnis"} title={"Masukkan nama bisnis"}
width="calc(100% - 10px)" width="calc(100% - 10px)"
@@ -666,47 +666,47 @@ const App = ({ forCafe = true, cafeId = -1,
} }
<RoundedRectangle <RoundedRectangle
title={user.roleId === 0 ? "Buat Voucher" : "Buat Bisnis"} title={user?.roleId === 0 ? "Buat Voucher" : "Buat Bisnis"}
width="calc(100% - 10px)" width="calc(100% - 10px)"
onClick={() => (user.roleId === 0 ? createCoupon(itemName) : createCafe(itemName))} onClick={() => (user?.roleId === 0 ? createCoupon(itemName) : createCafe(itemName))}
/> />
</div> </div>
</div> </div>
} }
{user.roleId == 1 && {user?.roleId == 1 &&
<> <>
<div className={`${styles.couponContainer}`}> <div className={`${styles.couponContainer}`}>
{forCafe && <div style={{ marginTop: '49px', marginRight: '10px' }} onClick={handleClose}><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 512 512"><path d="M48,256c0,114.87,93.13,208,208,208s208-93.13,208-208S370.87,48,256,48,48,141.13,48,256Zm212.65-91.36a16,16,0,0,1,.09,22.63L208.42,240H342a16,16,0,0,1,0,32H208.42l52.32,52.73A16,16,0,1,1,238,347.27l-79.39-80a16,16,0,0,1,0-22.54l79.39-80A16,16,0,0,1,260.65,164.64Z" /></svg></div>} {forCafe && <div style={{ marginTop: '49px', marginRight: '10px' }} onClick={handleClose}><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 512 512"><path d="M48,256c0,114.87,93.13,208,208,208s208-93.13,208-208S370.87,48,256,48,48,141.13,48,256Zm212.65-91.36a16,16,0,0,1,.09,22.63L208.42,240H342a16,16,0,0,1,0,32H208.42l52.32,52.73A16,16,0,1,1,238,347.27l-79.39-80a16,16,0,0,1,0-22.54l79.39-80A16,16,0,0,1,260.65,164.64Z" /></svg></div>}
<div> <div>
{!forCafe && {!forCafe &&
<div className={styles.dateSelectorWrapper} style={{ fontSize: '13px' }}> <div className={styles.dateSelectorWrapper} style={{ fontSize: '13px' }}>
<div <div
className={`${styles.dateSelector} ${styles.dateSelectorActive}`} style={{ position: 'relative', width: 'calc(32vw - 30px)' }} className={`${styles.dateSelector} ${styles.dateSelectorActive}`} style={{ position: 'relative', width: 'calc(32vw - 30px)' }}
> >
<div style={{ position: 'absolute', bottom: 0, left: '10%', right: '10%', borderBottom: `1px solid green` }}></div> <div style={{ position: 'absolute', bottom: 0, left: '10%', right: '10%', borderBottom: `1px solid green` }}></div>
<div <div
style={{ color: 'black' }}> style={{ color: 'black' }}>
Voucher Voucher
</div>
</div>
</div> </div>
</div> }
</div> </div>
} </div>
</div> <div style={{ padding: '25px', paddingTop: '0', paddingBottom: '0' }}>
</div>
<div style={{ padding: '25px', paddingTop: '0', paddingBottom: '0' }}>
{coupons && coupons.map((coupon) => { {coupons && coupons.map((coupon) => {
return <Coupon return <Coupon
code={coupon?.code || null} code={coupon?.code || null}
value={coupon?.discountValue} value={coupon?.discountValue}
period={coupon?.discountPeriods} period={coupon?.discountPeriods}
expiration={coupon?.discountEndDate} expiration={coupon?.discountEndDate}
/> />
})} })}
<button className={`${styles.addCoupon}`} onClick={() => setModal('claim-coupon')}>Tambahkan Voucher</button> <button className={`${styles.addCoupon}`} onClick={() => setModal('claim-coupon')}>Tambahkan Voucher</button>
</div> </div>
</> </>
} }
</div> </div>
); );
}; };