[INJIMOB-3622] Fix alignment in history screen (#2140)

* [INJIMOB-3622]: clear the history page issue

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>

* [INJIMOB-3622]: clear the history page issue

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>

---------

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>
This commit is contained in:
jaswanthkumartw
2025-11-19 13:49:37 +05:30
committed by GitHub
parent 522104811c
commit a0b08914e5

View File

@@ -2,7 +2,7 @@ import React from 'react';
import {RefreshControl} from 'react-native'; import {RefreshControl} from 'react-native';
import {Icon} from 'react-native-elements'; import {Icon} from 'react-native-elements';
import {useTranslation} from 'react-i18next'; import {useTranslation} from 'react-i18next';
import {Centered, Column, Text} from '../../components/ui'; import {Column, HorizontallyCentered, Text} from '../../components/ui';
import {useHistoryTab} from './HistoryScreenController'; import {useHistoryTab} from './HistoryScreenController';
import {ActivityLogText} from '../../components/ActivityLogText'; import {ActivityLogText} from '../../components/ActivityLogText';
import {MainRouteProps} from '../../routes/main'; import {MainRouteProps} from '../../routes/main';
@@ -15,6 +15,7 @@ export const HistoryScreen: React.FC<MainRouteProps> = () => {
return ( return (
<Column fill backgroundColor={Theme.Colors.whiteBackgroundColor}> <Column fill backgroundColor={Theme.Colors.whiteBackgroundColor}>
<BannerNotificationContainer />
<Column <Column
scroll scroll
padding="7 0" padding="7 0"
@@ -24,7 +25,6 @@ export const HistoryScreen: React.FC<MainRouteProps> = () => {
onRefresh={controller.REFRESH} onRefresh={controller.REFRESH}
/> />
}> }>
<BannerNotificationContainer />
{controller.activities.map(activity => ( {controller.activities.map(activity => (
<ActivityLogText <ActivityLogText
key={`${activity.timestamp}-${activity._vcKey}`} key={`${activity.timestamp}-${activity._vcKey}`}
@@ -32,7 +32,7 @@ export const HistoryScreen: React.FC<MainRouteProps> = () => {
/> />
))} ))}
{controller.activities.length === 0 && ( {controller.activities.length === 0 && (
<Centered fill> <HorizontallyCentered fill>
<Icon <Icon
style={{marginBottom: 20}} style={{marginBottom: 20}}
size={40} size={40}
@@ -46,7 +46,7 @@ export const HistoryScreen: React.FC<MainRouteProps> = () => {
margin="0 0 4 0"> margin="0 0 4 0">
{t('noHistory')} {t('noHistory')}
</Text> </Text>
</Centered> </HorizontallyCentered>
)} )}
</Column> </Column>
</Column> </Column>