Commit cb990666 by G

removed all occurence of the state value showFilterModal since now the rendering…

removed all occurence of the state value showFilterModal since now the rendering is handled by the modal manager
parent 6d417f81
...@@ -19,8 +19,6 @@ const log = LOG.extend("TransactionHistoryScreen"); ...@@ -19,8 +19,6 @@ const log = LOG.extend("TransactionHistoryScreen");
const TransactionHistoryScreen = () => { const TransactionHistoryScreen = () => {
log.verbose("TransactionHistoryScreen"); log.verbose("TransactionHistoryScreen");
const [showFiltersModal, setShowFiltersModal] = useState(false);
const { const {
transactionsHistory: data, transactionsHistory: data,
isLoading, isLoading,
...@@ -38,14 +36,6 @@ const TransactionHistoryScreen = () => { ...@@ -38,14 +36,6 @@ const TransactionHistoryScreen = () => {
<BarWithBeasyAndNotificationsIcon /> <BarWithBeasyAndNotificationsIcon />
<Card variant={"curvedTopContainer"} padding={"s"} height={"100%"} mt={"m"}> <Card variant={"curvedTopContainer"} padding={"s"} height={"100%"} mt={"m"}>
{showFiltersModal && (
<FiltersModal
setShowFiltersModal={setShowFiltersModal}
setOperatorsFilter={setOperatorsFilter}
operatorsFilter={operatorsFilter}
/>
)}
{/* <FiltersModal setShowFiltersModal={setShowFiltersModal} /> */}
<Box px={"m"} flexDirection={"row"} gap={"s"} alignItems={"center"}> <Box px={"m"} flexDirection={"row"} gap={"s"} alignItems={"center"}>
<Box flex={1}> <Box flex={1}>
<Input placeholder="Reference" onChangeText={setReferenceFilter} /> <Input placeholder="Reference" onChangeText={setReferenceFilter} />
...@@ -67,7 +57,6 @@ const TransactionHistoryScreen = () => { ...@@ -67,7 +57,6 @@ const TransactionHistoryScreen = () => {
onPress={() => onPress={() =>
showModal( showModal(
<FiltersModal <FiltersModal
setShowFiltersModal={setShowFiltersModal}
setOperatorsFilter={setOperatorsFilter} setOperatorsFilter={setOperatorsFilter}
operatorsFilter={operatorsFilter} operatorsFilter={operatorsFilter}
/>, />,
...@@ -107,17 +96,12 @@ const TransactionHistoryScreen = () => { ...@@ -107,17 +96,12 @@ const TransactionHistoryScreen = () => {
export default TransactionHistoryScreen; export default TransactionHistoryScreen;
interface FiltersModalProps { interface FiltersModalProps {
setShowFiltersModal: React.Dispatch<React.SetStateAction<boolean>>;
// biome-ignore lint/style/useNamingConvention: <explanation> // biome-ignore lint/style/useNamingConvention: <explanation>
operatorsFilter: OperatorsFilter; operatorsFilter: OperatorsFilter;
// biome-ignore lint/style/useNamingConvention: <explanation> // biome-ignore lint/style/useNamingConvention: <explanation>
setOperatorsFilter: React.Dispatch<React.SetStateAction<OperatorsFilter>>; setOperatorsFilter: React.Dispatch<React.SetStateAction<OperatorsFilter>>;
} }
const FiltersModal: React.FC<FiltersModalProps> = ({ const FiltersModal: React.FC<FiltersModalProps> = ({ operatorsFilter, setOperatorsFilter }) => {
setShowFiltersModal,
operatorsFilter,
setOperatorsFilter,
}) => {
const [filterOm, setFilterOm] = useState(operatorsFilter.OM); const [filterOm, setFilterOm] = useState(operatorsFilter.OM);
const [filterMtn, setFilterMtn] = useState(operatorsFilter.MTN); const [filterMtn, setFilterMtn] = useState(operatorsFilter.MTN);
const [filterFlooz, setFilterFlooz] = useState(operatorsFilter.FLOOZ); const [filterFlooz, setFilterFlooz] = useState(operatorsFilter.FLOOZ);
...@@ -143,9 +127,8 @@ const FiltersModal: React.FC<FiltersModalProps> = ({ ...@@ -143,9 +127,8 @@ const FiltersModal: React.FC<FiltersModalProps> = ({
const saveFilters = useCallback(() => { const saveFilters = useCallback(() => {
saveOperatorsFilters(); saveOperatorsFilters();
setShowFiltersModal(false);
closeModal(); closeModal();
}, [saveOperatorsFilters, setShowFiltersModal, closeModal]); }, [saveOperatorsFilters, closeModal]);
return ( return (
<Card variant={"absoluteForegroundScreenSizedTransparentCard"}> <Card variant={"absoluteForegroundScreenSizedTransparentCard"}>
...@@ -174,7 +157,6 @@ const FiltersModal: React.FC<FiltersModalProps> = ({ ...@@ -174,7 +157,6 @@ const FiltersModal: React.FC<FiltersModalProps> = ({
color="black" color="black"
onPress={() => { onPress={() => {
closeModal(); closeModal();
setShowFiltersModal(false);
}} }}
/> />
</Box> </Box>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment