Fix/517/update filter hide

components/NftsComponent.js

@@ -98,7 +98,7 @@ export default function NftsComponent({
   const [order, setOrder] = useState(orderQuery)
   const [issuerTaxonUrlPart, setIssuerTaxonUrlPart] = useState('?view=' + activeView)
   const [collectionUrlPart, setCollectionUrlPart] = useState(collectionQuery ? '&collection=' + collectionQuery : '')
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [selectedToken, setSelectedToken] = useState({
     currency: saleCurrency,
     issuer: saleCurrencyIssuer

pages/account/[id]/transactions.js

@@ -115,7 +115,7 @@ export default function AccountTransactions({
   const [loading, setLoading] = useState(false)
   const [errorMessage, setErrorMessage] = useState(initialErrorMessage || '')
   const [order, setOrder] = useState('newest') // newest | oldest
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [txType, setTxType] = useState('tx') // tx = all types
   const [initiated, setInitiated] = useState('0') // 0 = both, 1 = outgoing, 2 = incoming
   const [excludeFailures, setExcludeFailures] = useState('0') // 0 = include, 1 = exclude

pages/admin/pro/history.js

@@ -216,7 +216,7 @@ export default function History({
   const [addressesToCheck, setAddressesToCheck] = useState(queryAddress ? [queryAddress] : [])
   const [period, setPeriod] = useState('all')
   const [order, setOrder] = useState('desc')
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [page, setPage] = useState(0)
   const [rowsPerPage, setRowsPerPage] = useState(10)
   const [currentList, setCurrentList] = useState([])

pages/amms.js

@@ -123,7 +123,7 @@ export default function Amms({
   const [loading, setLoading] = useState(false)
   const [errorMessage, setErrorMessage] = useState(initialErrorMessage || '')
   const [marker, setMarker] = useState(initialData?.marker)
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [token, setToken] = useState({
     currency: stripText(currencyQuery),
     issuer: stripText(currencyIssuerQuery)

pages/distribution.js

@@ -35,7 +35,7 @@ export default function Distribution({ selectedCurrency, fiatRate }) {
   const [loading, setLoading] = useState(false)
   const [errorMessage, setErrorMessage] = useState('')
   const [escrowMode, setEscrowMode] = useState('none') // 'none', 'short', 'locked'
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
 
   const controller = new AbortController()
 

pages/nft-distribution/[[...id]].js

@@ -68,7 +68,7 @@ export default function NftDistribution({
   const [taxonInput, setTaxonInput] = useState(taxonQuery)
   const [order, setOrder] = useState(orderQuery)
   const [hasMore, setHasMore] = useState('first')
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
 
   const checkApi = async () => {
     /*

pages/nft-sales.js

@@ -136,7 +136,7 @@ export default function NftSales({
   ])
   const [issuerTaxonUrlPart, setIssuerTaxonUrlPart] = useState('?view=' + activeView)
   const [collectionUrlPart, setCollectionUrlPart] = useState(collectionQuery ? '&collection=' + collectionQuery : '')
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [selectedToken, setSelectedToken] = useState({
     currency: currency,
     issuer: currencyIssuer

pages/nft-volumes/index.js

@@ -81,7 +81,7 @@ export default function NftVolumes({
   const [chartIssuers, setChartIssuers] = useState([])
   const [chartVolumes, setChartVolumes] = useState([])
   const [loadingChart, setLoadingChart] = useState(false)
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [hasMore, setHasMore] = useState('first')
   const [csvHeaders, setCsvHeaders] = useState([])
   const [selectedToken, setSelectedToken] = useState({

pages/tokens.js

@@ -223,7 +223,7 @@ export default function Tokens({
   const [loading, setLoading] = useState(false)
   const [errorMessage, setErrorMessage] = useState(initialErrorMessage || '')
   const [order, setOrder] = useState(orderQuery || 'rating')
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [issuer, setIssuer] = useState(issuerQuery)
   const [currency, setCurrency] = useState(currencyQuery)
   const [rendered, setRendered] = useState(false)

styles/components/filters.scss

@@ -205,7 +205,7 @@ $width: 340px;
       background: #fff;
       padding: 20px 30px 90px;
       overflow-y: scroll;
-      transform: translateY(100%);
+      transform: translateY(0%);
       pointer-events: all;
       transition: transform 0.3s ease-in-out;
 
@@ -214,7 +214,7 @@ $width: 340px;
       }
 
       .content-cols.is-filters-hide & {
-        transform: translateY(0);
+        transform: translateY(100%);
       }
     }
   }