From 507de94761e0dff53e8418c88e13b6c84eeef5f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eike=20Ha=C3=9F?= <eike-hass@web.de>
Date: Thu, 15 Aug 2024 20:07:45 +0200
Subject: [PATCH] enhance DID display

---
 web/src/pages/Company/CompanyData.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/src/pages/Company/CompanyData.tsx b/web/src/pages/Company/CompanyData.tsx
index 695803b..5e6c972 100644
--- a/web/src/pages/Company/CompanyData.tsx
+++ b/web/src/pages/Company/CompanyData.tsx
@@ -121,7 +121,7 @@ const CompanyData: React.FC = () => {
     }, [state, relevantCredential])
 
     useEffect(() => {
-        if (!dispatch || !state || !issuerDID || state.validatedDomains[issuerDID]) return;
+        if (!dispatch || !issuerDID || !state) return;
 
         dispatch?.({ type: Actions.REQUEST_DOMAIN_LINKAGE_VALIDATION, did: issuerDID });
         setIssuerDomains(state.validatedDomains[issuerDID])
@@ -151,12 +151,12 @@ const CompanyData: React.FC = () => {
                                 relevantCredential.issuer 
                             }   
                             </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') && (
+                                <DomainCheck validatedDomains={credentialsDomains} />
+                            )}
+                            <p>to <Popover content={relevantCredential.credentialSubject.id}><b style={{display: "inline-block", verticalAlign: "bottom", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", width: "350px"}}>{relevantCredential.credentialSubject.id}</b></Popover></p> 
                         </>
                     }
-                    {credentialsDomains && (credentialsDomains !== 'in-flight') && (
-                        <DomainCheck validatedDomains={credentialsDomains} />
-                    )}
                     {
                         // Object.keys(prefilledFormData.dataFields).length &&
                         <PrefilledForm dataFields={prefilledData} />
@@ -179,7 +179,7 @@ const CompanyData: React.FC = () => {
                             {issuerDomains && (issuerDomains !== 'in-flight') && (
                                 <DomainCheck validatedDomains={issuerDomains} />
                             )}
-                            <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>
+                            <p>to <Popover content={state.COMPANY_HOUSE?.connectedDID}><b style={{display: "inline-block", verticalAlign: "bottom", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", width: "350px"}}>{state.COMPANY_HOUSE?.connectedDID}</b></Popover></p>
                         </>
                     }
                 <Form dataFields={emptyFields} onSubmit={onSubmit} submitLabel={t("actions.continue")} />