fixing grid columns

leandrodalbo · Dec 30, 2024 · e76b344 · e76b344
1 parent 1145c95
commit e76b344
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css
@@ -15,8 +15,8 @@
   display: block;
   text-align: center;
   align-items: center;
-  margin-top: 3px;
-  padding: 10px 10px;
+  margin-top: 2px;
+  padding: 5px 5px;
   text-decoration: none;
   font-size: 1.8rem;
   text-transform: capitalize;

diff --git a/src/components/main-grid/MainGrid.tsx b/src/components/main-grid/MainGrid.tsx
@@ -9,7 +9,7 @@ export interface MainGridProps {
 const MainGrid = ({ data }: MainGridProps) => {
     return (
         <div className="overflow-x-auto">
-            <div data-testid="cards-grid" className="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-4 gap-4 p-4">
+            <div data-testid="cards-grid" className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 p-4">
                 {
                     data.map(it => <Link to={`/signal/${it.symbol}`} state={{ signal: it }} key={it.symbol}><SignalCard
                         data={it} /></Link>)

diff --git a/src/components/signal-detail/SignalDetail.tsx b/src/components/signal-detail/SignalDetail.tsx
@@ -26,7 +26,7 @@ export const SignalDetail = () => {
 
                 <div data-testid="indicators" className="mt-8">
                     <h3 className="text-[var(--highlight)] text-xl font-semibold text-primary-text mb-4">Indicators</h3>
-                    <div data-testid="indicators-grid" className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                    <div data-testid="indicators-grid" className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
                         {Object.entries(signal).map(([key, value]) => {
                             if (isDisplayable(key)) {
                                 return (

diff --git a/src/service/GetSignals.ts b/src/service/GetSignals.ts
@@ -1,6 +1,7 @@
 import { AxiosInstance, AxiosResponse } from "axios";
 
 import { BuySell, Strength, TimeFrame } from "./../types/types";
+import { testdata } from "../../tests/data/testdata";
 
 enum TimeFramePath {
   H1 = "onehour",
@@ -20,7 +21,9 @@ class GetSignalsService {
     strength?: string,
     buysell?: string
   ): Promise<AxiosResponse> {
-    return this.axiosClient.get(this.buildPath(timeframe, strength, buysell));
+    return Promise.resolve({data:testdata} as AxiosResponse)
+
+    //this.axiosClient.get(this.buildPath(timeframe, strength, buysell));
   }
 
   private buildPath(