[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:
vijay151096
2024-01-31 00:44:56 +05:30
committed by GitHub
parent 5ee3c62d09
commit 28ce472f12
2 changed files with 18 additions and 16 deletions

View File

@@ -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>
);
};

View File

@@ -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);
}
}
};