fix: make use of fieldprops and add translation

terrestris · Sep 17, 2024 · 3e6df75 · 3e6df75
1 parent d35c1bb
commit 3e6df75
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/DisplayField/index.spec.tsx b/src/components/DisplayField/index.spec.tsx
@@ -107,7 +107,7 @@ describe('<DisplayField />', () => {
 
     for (const linkValue of linkValues) {
       render(<DisplayField value={linkValue} />);
-      const links = screen.getAllByRole('link', { name: 'Link' });
+      const links = screen.getAllByRole('link');
 
       const link = links.find(l => l.getAttribute('href') === linkValue);
 

diff --git a/src/components/DisplayField/index.tsx b/src/components/DisplayField/index.tsx
@@ -50,6 +50,7 @@ export type DisplayFieldProps = {
   value?: ValueType | ValueType[];
   label?: string;
   referenceConfig?: ReferenceConfig;
+  maskedUrl?: string;
 };
 
 export const DisplayField: React.FC<DisplayFieldProps> = ({
@@ -135,7 +136,9 @@ export const DisplayField: React.FC<DisplayFieldProps> = ({
           target="_blank"
           rel='noreferrer'
         >
-          Link
+          {passThroughProps?.hasOwnProperty('maskedUrl') ?
+            passThroughProps.maskedUrl :
+            value?.toString()}
         </a>
       );
     }