From e76b3446fcb70640b919b76696941d1345d41dbe Mon Sep 17 00:00:00 2001
From: leandrodalbo <leandro.edbo@gmail.com>
Date: Mon, 30 Dec 2024 22:45:14 +0000
Subject: [PATCH 1/2] fixing grid columns

---
 src/components/footer/footer.css              | 4 ++--
 src/components/main-grid/MainGrid.tsx         | 2 +-
 src/components/signal-detail/SignalDetail.tsx | 2 +-
 src/service/GetSignals.ts                     | 5 ++++-
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css
index 1729f00..2a5b339 100644
--- 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
index 2c35328..d69c380 100644
--- 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
index 20a6769..6a19e04 100644
--- 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
index b42aada..d593d97 100644
--- 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(

From 03de545bc35bb219ac3d47835de1bc7395655b14 Mon Sep 17 00:00:00 2001
From: leandrodalbo <leandro.edbo@gmail.com>
Date: Mon, 30 Dec 2024 22:47:44 +0000
Subject: [PATCH 2/2] removing mock data from service

---
 src/service/GetSignals.ts | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

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