mirror of
https://github.com/mosip/inji-wallet.git
synced 2026-01-09 13:38:01 -05:00
[INJI-606]: array field render and wrapping the text (#1216)
Signed-off-by: Vijay <94220135+vijay151096@users.noreply.github.com>
This commit is contained in:
@@ -4,7 +4,6 @@ import React from 'react';
|
||||
import {setTextColor} from './VCUtils';
|
||||
import LinearGradient from 'react-native-linear-gradient';
|
||||
import ShimmerPlaceHolder from 'react-native-shimmer-placeholder';
|
||||
import {Tooltip} from 'react-native-elements';
|
||||
|
||||
export const VCItemField = ({
|
||||
verifiableCredential,
|
||||
@@ -39,25 +38,23 @@ export const VCItemField = ({
|
||||
style={[Theme.Styles.subtitle]}>
|
||||
{fieldName}
|
||||
</Text>
|
||||
<Tooltip
|
||||
toggleOnPress={fieldValue.length > 20}
|
||||
containerStyle={{
|
||||
width: 200,
|
||||
height: null,
|
||||
overflow: 'hidden',
|
||||
}}
|
||||
skipAndroidStatusBar={true}
|
||||
backgroundColor={Theme.Colors.Icon}
|
||||
popover={<Text>{fieldValue}</Text>}>
|
||||
{Array.isArray(fieldValue) ? (
|
||||
fieldValue.map(field => (
|
||||
<Text
|
||||
testID={`${fieldName}Value`}
|
||||
weight="semibold"
|
||||
style={[Theme.Styles.subtitle, setTextColor(wellknown)]}>
|
||||
{field}
|
||||
</Text>
|
||||
))
|
||||
) : (
|
||||
<Text
|
||||
testID={`${fieldName}Value`}
|
||||
weight="semibold"
|
||||
numLines={1}
|
||||
ellipsizeMode={'tail'}
|
||||
style={[Theme.Styles.subtitle, setTextColor(wellknown)]}>
|
||||
{fieldValue}
|
||||
</Text>
|
||||
</Tooltip>
|
||||
)}
|
||||
</Column>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -58,8 +58,13 @@ export const getFieldValue = (
|
||||
return getLocalizedField(
|
||||
getFullAddress(verifiableCredential?.credentialSubject),
|
||||
);
|
||||
default:
|
||||
return getLocalizedField(verifiableCredential?.credentialSubject[field]);
|
||||
default: {
|
||||
const fieldValue = verifiableCredential?.credentialSubject[field];
|
||||
if (Array.isArray(fieldValue) && typeof fieldValue[0] != Object) {
|
||||
return fieldValue;
|
||||
}
|
||||
return getLocalizedField(fieldValue);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user