diff --git a/src/modules/dashboard/components/DashboardUtility/DashboardUtility.tsx b/src/modules/dashboard/components/DashboardUtility/DashboardUtility.tsx index 22d2e1421e01310f81f074e4d9ccfdddc8294551..8b1c2b17119a2d7d1f864331dff662769832c49f 100644 --- a/src/modules/dashboard/components/DashboardUtility/DashboardUtility.tsx +++ b/src/modules/dashboard/components/DashboardUtility/DashboardUtility.tsx @@ -14,25 +14,23 @@ export const DashboardUtility: React.FC<any> = ({ item }: { item: any }) => { }, [item.markdownSrc]); return ( - <> - <a - href={item.url} - key={item.name} - target="_blank" - rel="noreferrer" - className="bg-white rounded-lg overflow-hidden sm:p-2 flex items-center group" - > - <div className="w-16 h-16 flex items-center justify-center bg-primary-100 group-hover:bg-primary-200 transition-colors rounded-lg mr-4"> - {item.icon && <item.icon className="h-6 w-6 text-primary-900" aria-hidden="true" />} - {item.assetSrc && <img className="h-6 w-6" src={item.assetSrc} alt={item.name} />} - </div> - <div> - <dt className="truncate text-sm leading-5 font-medium">{item.name}</dt> - <dd className="mt-1 text-gray-500 text-sm leading-5 font-normal"> - <ReactMarkdown>{content}</ReactMarkdown> - </dd> - </div> - </a> - </> + <a + href={item.url} + key={item.name} + target="_blank" + rel="noreferrer" + className="bg-white rounded-lg overflow-hidden sm:p-2 flex items-center group" + > + <div className="w-16 h-16 flex items-center justify-center bg-primary-100 group-hover:bg-primary-200 transition-colors rounded-lg mr-4"> + {item.icon && <item.icon className="h-6 w-6 text-primary-900" aria-hidden="true" />} + {item.assetSrc && <img className="h-6 w-6" src={item.assetSrc} alt={item.name} />} + </div> + <div> + <dt className="truncate text-sm leading-5 font-medium">{item.name}</dt> + <dd className="mt-1 text-gray-500 text-sm leading-5 font-normal"> + <ReactMarkdown>{content}</ReactMarkdown> + </dd> + </div> + </a> ); };