diff --git a/src/components/atoms/Copy.module.css b/src/components/atoms/Copy.module.css
index ebc157ee4..4ba29b771 100644
--- a/src/components/atoms/Copy.module.css
+++ b/src/components/atoms/Copy.module.css
@@ -29,7 +29,7 @@
content: 'Copied!';
position: absolute;
top: -150%;
- left: -100%;
+ left: -140%;
font-size: var(--font-size-mini);
color: var(--brand-alert-green);
}
diff --git a/src/components/pages/Profile/History/PublishedList.module.css b/src/components/pages/Profile/History/PublishedList.module.css
new file mode 100644
index 000000000..4ef16e734
--- /dev/null
+++ b/src/components/pages/Profile/History/PublishedList.module.css
@@ -0,0 +1,7 @@
+.filters {
+ margin-top: -1rem;
+}
+
+.assets {
+ margin-top: calc(var(--spacer) / 3);
+}
diff --git a/src/components/pages/Profile/History/PublishedList.tsx b/src/components/pages/Profile/History/PublishedList.tsx
index da7c42c6a..767c0debc 100644
--- a/src/components/pages/Profile/History/PublishedList.tsx
+++ b/src/components/pages/Profile/History/PublishedList.tsx
@@ -7,9 +7,10 @@ import {
queryMetadata,
transformChainIdsListToQuery
} from '../../../../utils/aquarius'
-import ServiceFilter from '../../../templates/Search/filterService'
+import Filters from '../../../templates/Search/Filters'
import { useSiteMetadata } from '../../../../hooks/useSiteMetadata'
import { useUserPreferences } from '../../../../providers/UserPreferences'
+import styles from './PublishedList.module.css'
export default function PublishedList({
accountId
@@ -57,11 +58,12 @@ export default function PublishedList({
}, [accountId, page, appConfig.metadataCacheUri, chainIds, service])
return accountId ? (
-
-
+
{
setPage(newPage)
}}
+ className={styles.assets}
/>
-
+ >
) : (
Please connect your Web3 wallet.
)
diff --git a/src/components/templates/Search/filterService.module.css b/src/components/templates/Search/Filters.module.css
similarity index 94%
rename from src/components/templates/Search/filterService.module.css
rename to src/components/templates/Search/Filters.module.css
index 7417f7983..0b65a3751 100644
--- a/src/components/templates/Search/filterService.module.css
+++ b/src/components/templates/Search/Filters.module.css
@@ -43,10 +43,6 @@ button.filter,
color: var(--background-body);
}
-.filterList:first-of-type {
- margin-bottom: calc(var(--spacer) / 6);
-}
-
.showClear:hover {
display: inline-flex;
color: var(--color-primary);
diff --git a/src/components/templates/Search/filterService.tsx b/src/components/templates/Search/Filters.tsx
similarity index 93%
rename from src/components/templates/Search/filterService.tsx
rename to src/components/templates/Search/Filters.tsx
index 888996be7..cd6e15a09 100644
--- a/src/components/templates/Search/filterService.tsx
+++ b/src/components/templates/Search/Filters.tsx
@@ -1,9 +1,9 @@
import React, { ReactElement, useState } from 'react'
import { useNavigate } from '@reach/router'
-import styles from './filterService.module.css'
import classNames from 'classnames/bind'
import { addExistingParamsToUrl, FilterByTypeOptions } from './utils'
import Button from '../../atoms/Button'
+import styles from './Filters.module.css'
const cx = classNames.bind(styles)
@@ -14,14 +14,16 @@ const serviceFilterItems = [
{ display: 'algorithms', value: FilterByTypeOptions.Algorithm }
]
-export default function FilterPrice({
+export default function Filters({
serviceType,
setServiceType,
- isSearch
+ isSearch,
+ className
}: {
serviceType: string
setServiceType: React.Dispatch>
isSearch: boolean
+ className?: string
}): ReactElement {
const navigate = useNavigate()
const [serviceSelections, setServiceSelections] = useState([])
@@ -72,11 +74,17 @@ export default function FilterPrice({
}
}
+ const styleClasses = cx({
+ filterList: true,
+ [className]: className
+ })
+
return (
-
+
{serviceFilterItems.map((e, index) => {
const isServiceSelected =
e.value === serviceType || serviceSelections.includes(e.value)
+
const selectFilter = cx({
[styles.selected]: isServiceSelected,
[styles.filter]: true
diff --git a/src/components/templates/Search/index.tsx b/src/components/templates/Search/index.tsx
index fc11f2218..bcf509d39 100644
--- a/src/components/templates/Search/index.tsx
+++ b/src/components/templates/Search/index.tsx
@@ -2,15 +2,15 @@ import React, { ReactElement, useState, useEffect } from 'react'
import Permission from '../../organisms/Permission'
import { QueryResult } from '@oceanprotocol/lib/dist/node/metadatacache/MetadataCache'
import AssetList from '../../organisms/AssetList'
-import styles from './index.module.css'
import queryString from 'query-string'
-import ServiceFilter from './filterService'
+import Filters from './Filters'
import Sort from './sort'
import { getResults } from './utils'
import { navigate } from 'gatsby'
import { updateQueryStringParameter } from '../../../utils'
import { useSiteMetadata } from '../../../hooks/useSiteMetadata'
import { useUserPreferences } from '../../../providers/UserPreferences'
+import styles from './index.module.css'
export default function SearchPage({
location,
@@ -72,7 +72,7 @@ export default function SearchPage({
<>