github/inji-wallet
1
1
Fork 0
mirror of https://github.com/mosip/inji-wallet.git synced 2026-01-10 14:07:59 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #9 from ravikp/change-VC-share-screen-UI

Browse Source 
Change VC UI in sharing ID screen.
This commit is contained in:
Alka1703
2023-03-06 11:13:29 +05:45
committed by GitHub
parent 32cf0b4d75 e72867dafa
commit b5ff5dedef
3 changed files with 5 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
components/SingleVcItem.tsx
View File

@@ -29,27 +29,6 @@ const VerifiedIcon: React.FC = () => {
};
const getDetails = (arg1, arg2, verifiableCredential) => {
if (arg1 === 'Full Name') {
return (
<Column>
<Text color={Theme.Colors.DetailsLabel} size="smaller">
{arg1}
</Text>
<Text
numLines={4}
color={Theme.Colors.Details}
weight="bold"
size="smaller"
style={
!verifiableCredential
? Theme.Styles.loadingTitle
: Theme.Styles.subtitle
}>
{!verifiableCredential ? '' : arg2}
</Text>
</Column>
);
}
if (arg1 === 'Status') {
return (
<Column>
@@ -79,7 +58,7 @@ const getDetails = (arg1, arg2, verifiableCredential) => {
{arg1}
</Text>
<Text
numLines={1}
numLines={4}
color={Theme.Colors.Details}
weight="bold"
size="smaller"
@@ -114,18 +93,9 @@ export const SingleVcItem: React.FC<VcItemProps> = (props) => {
? ''
: getLocalizedField(verifiableCredential.credentialSubject.fullName);
const selectableOrCheck = props.selectable ? (
<CheckBox
checked={props.selected}
checkedIcon={<Icon name="radio-button-checked" />}
uncheckedIcon={<Icon name="radio-button-unchecked" />}
onPress={() => props.onPress(service)}
/>
) : null;
return (
<Pressable
style={Theme.Styles.closeCardBgContainer}
style={Theme.Styles.selectedBindedVc}
onPress={() => props.onPress(service)}>
<ImageBackground
source={!verifiableCredential ? null : Theme.CloseCard}
@@ -170,9 +140,7 @@ export const SingleVcItem: React.FC<VcItemProps> = (props) => {
</Column>
</Column>
{verifiableCredential ? (
selectableOrCheck
) : (
{!verifiableCredential && (
<RotatingIcon name="sync" color={Theme.Colors.rotatingIcon} />
)}
</Row>

13
components/VcItem.tsx
View File

@@ -139,15 +139,6 @@ export const VcItem: React.FC<VcItemProps> = (props) => {
? ''
: getLocalizedField(verifiableCredential.credentialSubject.fullName);
const selectableOrCheck = props.selectable ? (
<CheckBox
checked={props.selected}
checkedIcon={<Icon name="radio-button-checked" />}
uncheckedIcon={<Icon name="radio-button-unchecked" />}
onPress={() => props.onPress(service)}
/>
) : null;
const tag = useSelector(service, selectTag);
return (
@@ -229,9 +220,7 @@ export const VcItem: React.FC<VcItemProps> = (props) => {
</Column>
</Column>
{verifiableCredential ? (
selectableOrCheck
) : (
{!verifiableCredential && (
<RotatingIcon name="sync" color={Theme.Colors.rotatingIcon} />
)}
</Row>

2
components/ui/themes/DefaultTheme.ts
View File

@@ -119,7 +119,7 @@ export const DefaultTheme = {
borderRadius: 10,
margin: 5,
borderWidth: 2,
borderColor: Colors.Orange,
borderColor: Colors.Green,
},
labelPartContainer: {
marginLeft: 16,