From 678905308b5a610e213082a2da22f5d1f3f44b01 Mon Sep 17 00:00:00 2001
From: Jamie Hewitt <jamie.hewitt15@gmail.com>
Date: Tue, 18 Oct 2022 17:43:47 +0300
Subject: [PATCH] Creating related assets component

---
 src/components/Asset/RelatedAssets/index.tsx | 29 ++++++++++++++++++++
 src/components/Home/index.tsx                |  3 +-
 2 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Asset/RelatedAssets/index.tsx

diff --git a/src/components/Asset/RelatedAssets/index.tsx b/src/components/Asset/RelatedAssets/index.tsx
new file mode 100644
index 000000000..c8146fbcd
--- /dev/null
+++ b/src/components/Asset/RelatedAssets/index.tsx
@@ -0,0 +1,29 @@
+import React, { ReactElement, useEffect, useState } from 'react'
+import { generateBaseQuery, getFilterTerm } from '@utils/aquarius'
+import { useUserPreferences } from '@context/UserPreferences'
+import { SortTermOptions } from '../../../@types/aquarius/SearchQuery'
+import SectionQueryResult from '../../Home/SectionQueryResult'
+
+export default function RelatedAssets(): ReactElement {
+  const { chainIds } = useUserPreferences()
+
+  const [queryRelatedAssets, setQueryRelatedAssets] = useState<SearchQuery>()
+
+  useEffect(() => {
+    const baseParamsSales = {
+      chainIds,
+      esPaginationOptions: {
+        size: 6
+      },
+      filters: [getFilterTerm('metadata.tags', 'dimitra')],
+      sortOptions: {
+        sortBy: SortTermOptions.Orders
+      } as SortOptions
+    } as BaseQueryParams
+    setQueryRelatedAssets(generateBaseQuery(baseParamsSales))
+  }, [chainIds])
+
+  return (
+    <SectionQueryResult title="Related Assets:" query={queryRelatedAssets} />
+  )
+}
diff --git a/src/components/Home/index.tsx b/src/components/Home/index.tsx
index 59672f9b4..e8cca3273 100644
--- a/src/components/Home/index.tsx
+++ b/src/components/Home/index.tsx
@@ -1,7 +1,7 @@
 import React, { ReactElement, useEffect, useState } from 'react'
 import Button from '@shared/atoms/Button'
 import Bookmarks from './Bookmarks'
-import { generateBaseQuery } from '@utils/aquarius'
+import { generateBaseQuery, getFilterTerm } from '@utils/aquarius'
 import { useUserPreferences } from '@context/UserPreferences'
 import { SortTermOptions } from '../../@types/aquarius/SearchQuery'
 import TopSales from './TopSales'
@@ -34,6 +34,7 @@ export default function HomePage(): ReactElement {
       esPaginationOptions: {
         size: 6
       },
+      filters: [getFilterTerm('metadata.tags', 'dimitra')],
       sortOptions: {
         sortBy: SortTermOptions.Orders
       } as SortOptions