From e3bf6b4a2a73356490c954078f899d175bcd3821 Mon Sep 17 00:00:00 2001
From: KY Lau <kian_yee.lau@daimler.com>
Date: Fri, 11 Jun 2021 15:21:57 +0800
Subject: [PATCH] Reduce duplication

---
 src/components/organisms/AssetContent/index.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/organisms/AssetContent/index.tsx b/src/components/organisms/AssetContent/index.tsx
index 3f695b864..867193c32 100644
--- a/src/components/organisms/AssetContent/index.tsx
+++ b/src/components/organisms/AssetContent/index.tsx
@@ -41,6 +41,10 @@ const contentQuery = graphql`
   }
 `
 
+function Separator() {
+  return <span className={styles.separator}>|</span>
+}
+
 export default function AssetContent(props: AssetContentProps): ReactElement {
   const data = useStaticQuery(contentQuery)
   const content = data.purgatory.edges[0].node.childContentJson.asset
@@ -117,7 +121,7 @@ export default function AssetContent(props: AssetContentProps): ReactElement {
                   </Button>
                   {appConfig.allowAdvancedSettings === 'true' && (
                     <>
-                      <span className={styles.separator}>|</span>
+                      <Separator />
                       <Button
                         style="text"
                         size="small"
@@ -129,7 +133,7 @@ export default function AssetContent(props: AssetContentProps): ReactElement {
                   )}
                   {ddo.findServiceByType('compute') && type === 'dataset' && (
                     <>
-                      <span className={styles.separator}>|</span>
+                      <Separator />
                       <Button
                         style="text"
                         size="small"