Ensuring that related assets doesn't show the same asset

src/components/Asset/AssetContent/index.tsx

@@ -15,6 +15,7 @@ import NetworkName from '@shared/NetworkName'
 import content from '../../../../content/purgatory.json'
 import Web3 from 'web3'
 import Button from '@shared/atoms/Button'
+import RelatedAssets from '../RelatedAssets'
 
 export default function AssetContent({
   asset
@@ -78,6 +79,7 @@ export default function AssetContent({
               </Button>
             </div>
           )}
+          <RelatedAssets tags={asset?.metadata?.tags} id={asset?.id} />
         </div>
       </article>
     </>

src/components/Asset/RelatedAssets/index.tsx

@@ -4,7 +4,13 @@ import { useUserPreferences } from '@context/UserPreferences'
 import { SortTermOptions } from '../../../@types/aquarius/SearchQuery'
 import SectionQueryResult from '../../Home/SectionQueryResult'
 
-export default function RelatedAssets(): ReactElement {
+export default function RelatedAssets({
+  tags,
+  id
+}: {
+  tags: string[]
+  id: string
+}): ReactElement {
   const { chainIds } = useUserPreferences()
 
   const [queryRelatedAssets, setQueryRelatedAssets] = useState<SearchQuery>()
@@ -13,9 +19,16 @@ export default function RelatedAssets(): ReactElement {
     const baseParamsSales = {
       chainIds,
       esPaginationOptions: {
-        size: 6
+        size: 3
       },
-      filters: [getFilterTerm('metadata.tags', 'dimitra')],
+      nestedQuery: {
+        must_not: {
+          match: {
+            id
+          }
+        }
+      },
+      filters: [getFilterTerm('metadata.tags', tags)],
       sortOptions: {
         sortBy: SortTermOptions.Orders
       } as SortOptions

src/components/Home/index.tsx

@@ -34,7 +34,6 @@ export default function HomePage(): ReactElement {
       esPaginationOptions: {
         size: 6
       },
-      filters: [getFilterTerm('metadata.tags', 'dimitra')],
       sortOptions: {
         sortBy: SortTermOptions.Orders
       } as SortOptions