mirror of
https://github.com/mosip/inji-wallet.git
synced 2026-01-09 13:38:01 -05:00
[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:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user