Merge pull request #275 from kleros/development

Fix: Broken Gnosis explorer url

Author: greenlucid

src/components/footer.tsx

@@ -48,8 +48,10 @@ const Footer = () => (
       </SocialLink>
     </div>
     <div className="g-kleros_footer__social">
-      {SOCIAL_NAV.map(item => (
-        <SocialLink href={item.href}>{item.icon}</SocialLink>
+      {SOCIAL_NAV.map((item, index) => (
+        <SocialLink key={index} href={item.href}>
+          {item.icon}
+        </SocialLink>
       ))}
     </div>
   </StyledFooter>

src/components/light-item-card-content.js

@@ -16,39 +16,43 @@ const StyledButton = styled(Button)`
   text-transform: capitalize;
 `
 
-const LightItemCardContent = ({ item, chainId, tcrAddress }) => (
-  <div
-    style={{
-      height: '100%',
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'space-between',
-      alignItems: 'center'
-    }}
-  >
-    <div>
-      {item.tcrData.mergedData
-        .filter(
-          col =>
-            col.isIdentifier ||
-            col.type === ItemTypes.IMAGE ||
-            col.type === ItemTypes.FILE
-        )
-        .map((column, j) => (
-          <StyledItemCol key={j}>
-            <DisplaySelector
-              type={column.type}
-              value={column.value}
-              allowedFileTypes={column.allowedFileTypes}
-            />
-          </StyledItemCol>
-        ))}
+const LightItemCardContent = ({ item, chainId, tcrAddress }) => {
+  const allowedFileTypes =
+    item.columns.filter(col => col.allowedFileTypes)[0]?.allowedFileTypes || ''
+  return (
+    <div
+      style={{
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+        alignItems: 'center'
+      }}
+    >
+      <div>
+        {item.tcrData.mergedData
+          .filter(
+            col =>
+              col.isIdentifier ||
+              col.type === ItemTypes.IMAGE ||
+              col.type === ItemTypes.FILE
+          )
+          .map((column, j) => (
+            <StyledItemCol key={j}>
+              <DisplaySelector
+                type={column.type}
+                value={column.value}
+                allowedFileTypes={allowedFileTypes}
+              />
+            </StyledItemCol>
+          ))}
+      </div>
+      <Link to={`/tcr/${chainId}/${tcrAddress}/${item.tcrData.ID}`}>
+        <StyledButton>Details</StyledButton>
+      </Link>
     </div>
-    <Link to={`/tcr/${chainId}/${tcrAddress}/${item.tcrData.ID}`}>
-      <StyledButton>Details</StyledButton>
-    </Link>
-  </div>
-)
+  )
+}
 
 LightItemCardContent.propTypes = {
   item: PropTypes.shape({

src/config/networks.js

@@ -85,7 +85,7 @@ export const NETWORKS_INFO = Object.freeze({
     explorers: [
       {
         name: 'blockscout',
-        url: 'https://blockscout.com/xdai/',
+        url: 'https://blockscout.com/xdai/mainnet',
         standard: 'EIP3091'
       }
     ],