diff --git a/src/screens/emiSchedule/EmiScheduleTab.tsx b/src/screens/emiSchedule/EmiScheduleTab.tsx index aa4d3be9..dd4d4140 100644 --- a/src/screens/emiSchedule/EmiScheduleTab.tsx +++ b/src/screens/emiSchedule/EmiScheduleTab.tsx @@ -1,4 +1,4 @@ -import { View, FlatList } from 'react-native'; +import { View, FlatList, StyleProp, ViewStyle } from 'react-native'; import React, { useState } from 'react'; import EmiScheduleItem from './EmiScheduleItem'; import PressableChip from '../../../RN-UI-LIB/src/components/PressableChip'; @@ -15,6 +15,10 @@ export enum EmiSelectedTab { ALL = 'ALL', } +const pressableChipStyle: StyleProp = { + marginTop: 0, +}; + interface IEmiScheduleTab { loanAccountNumber: string; } @@ -28,7 +32,7 @@ const EmiScheduleTab: React.FC = (props) => { return ( @@ -37,18 +41,21 @@ const EmiScheduleTab: React.FC = (props) => { checked={selectedTab === EmiSelectedTab.UNPAID} label="Unpaid" key={1} + containerStyles={pressableChipStyle} /> setSelectedTab(EmiSelectedTab.PAID)} checked={selectedTab === EmiSelectedTab.PAID} label="Paid" key={2} + containerStyles={pressableChipStyle} /> setSelectedTab(EmiSelectedTab.ALL)} checked={selectedTab === EmiSelectedTab.ALL} label="All" key={3} + containerStyles={pressableChipStyle} /> {filteredData?.length > 0 ? ( diff --git a/src/screens/emiSchedule/index.tsx b/src/screens/emiSchedule/index.tsx index 3f65fa54..bf5c425d 100644 --- a/src/screens/emiSchedule/index.tsx +++ b/src/screens/emiSchedule/index.tsx @@ -98,8 +98,9 @@ const EmiSchedule: React.FC = (props) => { refreshControl={} style={[ GenericStyles.p16, + GenericStyles.columnDirection, { - minHeight: 220, + minHeight: 190, }, ]} > @@ -128,7 +129,7 @@ const EmiSchedule: React.FC = (props) => { - + onTabChange(EmiTab.Schedule)} style={{ @@ -202,11 +203,12 @@ const styles = StyleSheet.create({ backgroundColor: COLORS.BORDER.PRIMARY, }, tabContainer: { - paddingTop: 56, + paddingTop: 31, backgroundColor: 'white', }, tabItemContainer: { padding: 16, + paddingTop: 24, height: '82%', marginBottom: 10, paddingBottom: 100,