INJIVER-390 Add text wrapping if the value of a field is large in vc (m…

…osip#119) * INJIVER-390 Add text wrapping if the value of a field is large in vc Signed-off-by: Shiva <[email protected]> * INJIVER-390 Fix build issues Signed-off-by: Shiva <[email protected]>
Infosys · Jul 25, 2024 · 9288239 · 9288239
1 parent d334f5f
commit 9288239
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/inji-verify/src/components/Home/VerificationSection/Result/VcDisplayCard.tsx b/inji-verify/src/components/Home/VerificationSection/Result/VcDisplayCard.tsx
@@ -15,10 +15,10 @@ function VcDisplayCard({vc}: {vc: any}) {
                         .filter(key => key?.toLowerCase() !== "id" && key?.toLowerCase() !== "type")
                         .map((key, index) => (
                             <div className={`py-2.5 px-1 xs:col-end-13 ${(index % 2 === 0) ? "lg:col-start-1 lg:col-end-6" : "lg:col-start-8 lg:col-end-13"}`} key={key}>
-                                <p id={convertToId(key)} className="font-normal  text-[11px]">
+                                <p id={convertToId(key)} className="font-normal text-[11px] break-all">
                                     {convertToTitleCase(key)}
                                 </p>
-                                <p id={`${convertToId(key)}-value`} className="font-bold text-[12px] ">
+                                <p id={`${convertToId(key)}-value`} className="font-bold text-[12px] break-all">
                                     {getDisplayValue(vc.credentialSubject[key])}
                                 </p>
                             </div>

diff --git a/inji-verify/src/pages/PageNotFound404.tsx b/inji-verify/src/pages/PageNotFound404.tsx
@@ -1,5 +1,4 @@
 import React, {useEffect} from 'react';
-import PageTemplate from "../components/PageTemplate";
 import {useNavigate} from "react-router-dom";
 import {useAppDispatch} from "../redux/hooks";
 import {raiseAlert} from "../redux/features/alerts/alerts.slice";