brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

re-implemented horizontal scroll for the bins list with a new package

Browse source
This commit is contained in:
csawatzky 2025-03-11 15:52:20 -06:00
parent 8df5b5e602
commit d4bd6941d4
4 changed files with 119 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/pages/Bins.tsx
View file

@ -192,11 +192,11 @@ export default function Bins(props: Props) {
// const history = useHistory();
const navigate = useNavigate()
const [cardValDisplay, setCardValDisplay] = useState<"high" | "low" | "average">("average");
const [scrollTranslations, setScrollTranslations] = useState({
bins: 0,
empty: 0,
fertilizer: 0
});
// const [scrollTranslations, setScrollTranslations] = useState({
// bins: 0,
// empty: 0,
// fertilizer: 0
// });
// const StyledToggleButtonGroup = withStyles(theme => ({
// grouped: {
@ -621,11 +621,10 @@ export default function Bins(props: Props) {
bins={grainBins}
duplicateBin={duplicateBin}
title={"Grain Bins"}
startingTranslate={scrollTranslations.bins}
loadMore={newTranslation => {
//startingTranslate={scrollTranslations.bins}
loadMore={() => {
if (paginatedBins.bins.length < paginatedBins.binsTotal) {
loadMoreBins(contentFilter, paginatedBins.binsOffset);
setScrollTranslations({ ...scrollTranslations, bins: newTranslation });
}
}}
/>