enhance DID display

iotaledger · Aug 15, 2024 · dece4ce · dece4ce
1 parent 01c4cdd
commit dece4ce
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/shared/credentials/CitizenCredential.json b/shared/credentials/CitizenCredential.json
@@ -34,7 +34,7 @@
             "id": "national_citizenship",
             "name": "National Citizenship Credential",
             "purpose":
-                "We can only allow open bank accounts for national citizens",
+                "We can only register companies for national citizens",
             "constraints": {
                 "fields": [
                     {

diff --git a/web/src/pages/Company/CompanyData.tsx b/web/src/pages/Company/CompanyData.tsx
@@ -151,7 +151,7 @@ const CompanyData: React.FC = () => {
                                 relevantCredential.issuer 
                             }   
                             </p>
-                            <p>to <b style={{wordBreak: "break-all"}}>{relevantCredential.credentialSubject.id}</b></p> 
+                            <p>to <Popover content={relevantCredential.credentialSubject.id}><b style={{overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", width: "350px"}}>{relevantCredential.credentialSubject.id}</b></Popover></p> 
                         </>
                     }
                     {credentialsDomains && (credentialsDomains !== 'in-flight') && (
@@ -179,7 +179,7 @@ const CompanyData: React.FC = () => {
                             {issuerDomains && (issuerDomains !== 'in-flight') && (
                                 <DomainCheck validatedDomains={issuerDomains} />
                             )}
-                            <p>to <b style={{wordBreak: "break-all"}}>{state.COMPANY_HOUSE?.connectedDID}</b></p>
+                            <p>to <Popover content={state.COMPANY_HOUSE?.connectedDID}><b style={{overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", width: "350px"}}>{state.COMPANY_HOUSE?.connectedDID}</b></Popover></p>
                         </>
                     }
                 <Form dataFields={emptyFields} onSubmit={onSubmit} submitLabel={t("actions.continue")} />