From 5b36da54d2d82ad8e389ae516eb77d69d6176490 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 10 Sep 2020 19:33:11 +0200
Subject: [PATCH] fixes

---
 src/components/molecules/AssetTeaser.tsx             |  1 +
 .../organisms/AssetActions/Pool/Token.module.css     |  2 +-
 .../organisms/AssetActions/Pool/index.module.css     |  2 +-
 src/components/organisms/AssetList.tsx               | 12 ++++++++----
 src/components/pages/Home.tsx                        |  4 +++-
 5 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/components/molecules/AssetTeaser.tsx b/src/components/molecules/AssetTeaser.tsx
index 720200bb2..3efb7e0d7 100644
--- a/src/components/molecules/AssetTeaser.tsx
+++ b/src/components/molecules/AssetTeaser.tsx
@@ -15,6 +15,7 @@ const AssetTeaser: React.FC<AssetTeaserProps> = ({
   ddo,
   metadata
 }: AssetTeaserProps) => {
+  // TODO: hacky safeguard should be replaced with search query to account for pagination
   if (!metadata.additionalInformation) return null
 
   const { name } = metadata.main
diff --git a/src/components/organisms/AssetActions/Pool/Token.module.css b/src/components/organisms/AssetActions/Pool/Token.module.css
index ecdd0df94..143295bd8 100644
--- a/src/components/organisms/AssetActions/Pool/Token.module.css
+++ b/src/components/organisms/AssetActions/Pool/Token.module.css
@@ -26,7 +26,7 @@
 }
 
 /* Data Token Icon Style */
-.icon[class*='DT'] path {
+.icon:not([class*='OCEAN']) path {
   fill: var(--brand-violet);
 }
 
diff --git a/src/components/organisms/AssetActions/Pool/index.module.css b/src/components/organisms/AssetActions/Pool/index.module.css
index 7c9cd90bc..9d190af8a 100644
--- a/src/components/organisms/AssetActions/Pool/index.module.css
+++ b/src/components/organisms/AssetActions/Pool/index.module.css
@@ -14,7 +14,7 @@
   display: flex;
   justify-content: center;
   font-size: var(--font-size-small);
-  margin-top: calc(var(--spacer) / 2);
+  margin-top: calc(var(--spacer) / 4);
 }
 
 .dataTokenLinks a {
diff --git a/src/components/organisms/AssetList.tsx b/src/components/organisms/AssetList.tsx
index abe828c8f..9aa2e7d42 100644
--- a/src/components/organisms/AssetList.tsx
+++ b/src/components/organisms/AssetList.tsx
@@ -45,11 +45,15 @@ const AssetList: React.FC<AssetListProps> = ({ queryResult }) => {
       <div className={styles.assetList}>
         {queryResult && queryResult.totalResults > 0 ? (
           queryResult.results.map((ddo: DDO) => {
-            const { attributes }: MetadataMarket = ddo.findServiceByType(
-              'metadata'
-            )
+            const { attributes } = ddo.findServiceByType('metadata')
 
-            return <AssetTeaser ddo={ddo} metadata={attributes} key={ddo.id} />
+            return (
+              <AssetTeaser
+                ddo={ddo}
+                metadata={(attributes as unknown) as MetadataMarket}
+                key={ddo.id}
+              />
+            )
           })
         ) : (
           <div className={styles.empty}>
diff --git a/src/components/pages/Home.tsx b/src/components/pages/Home.tsx
index 115ad65f7..1eb70230f 100644
--- a/src/components/pages/Home.tsx
+++ b/src/components/pages/Home.tsx
@@ -14,7 +14,9 @@ async function getLatestAssets(metadataStoreUri: string) {
 
     const result = await metadataStore.queryMetadata({
       page: 1,
-      offset: 10,
+      // TODO: hacky workaround because some assets pushed by external devs are faulty
+      // See molecules/AssetTeaser.tsx
+      offset: 100,
       query: {},
       sort: { created: -1 }
     })