fix: style banner cta buttons on market page when on mobile.

0xPT · Feb 15, 2023 · a4bd76b · a4bd76b
1 parent 67bc396
commit a4bd76b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/src/client/routes/Market/index.tsx b/src/client/routes/Market/index.tsx
@@ -4,6 +4,7 @@ import styled from 'styled-components';
 import { useHistory } from 'react-router-dom';
 import { utils } from 'ethers';
 
+import { device, sharedTheme } from '@themes/default';
 import { useAppSelector, useAppDispatch, useAppTranslation, useQueryParams } from '@hooks';
 import {
   ModalsActions,
@@ -38,7 +39,10 @@ const StyledSliderCard = styled(SliderCard)`
 const BannerCtaButton = styled(Button)`
   width: 80%;
   max-width: 20rem;
-  margin-top: 1em;
+  margin-top: 2rem;
+  @media ${device.mobile} {
+    padding: ${({ theme }) => theme.card.padding};
+  }
 `;
 
 interface VaultsQueryParams {

diff --git a/src/core/store/modules/lines/lines.reducer.ts b/src/core/store/modules/lines/lines.reducer.ts
@@ -215,16 +215,24 @@ const linesReducer = createReducer(linesInitialState, (builder) => {
           categories[category] = [...(categories[category] || []), line.id];
         })
       );
+      const validLines = _.filter(
+        lines,
+        (line) => line.status === 'active' && Number(line.defaultSplit) > 0 && line.end * 1000 > Date.now()
+      );
+
       const highestCreditLines = _.map(
-        _.sortBy(lines, (line) => Number(BigNumber.from(line.deposit).div(BASE_DECIMALS)))
+        _.sortBy(validLines, (line) => Number(BigNumber.from(line.deposit).div(BASE_DECIMALS)))
           .reverse()
           .slice(0, 3),
         'id'
       );
+
+      const newCreditLines = categories['market:featured.newest'];
+
       const highestCreditLinesCategory = { 'market:featured.highest-credit': highestCreditLines };
 
       const highestRevenueLines = _.map(
-        _.sortBy(lines, (line) => Number(BigNumber.from(line!.spigot!.revenueValue).div(BASE_DECIMALS)))
+        _.sortBy(validLines, (line) => Number(BigNumber.from(line!.spigot!.revenueValue).div(BASE_DECIMALS)))
           .reverse()
           .slice(0, 3),
         'id'