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