29.12.25

src/App.jsx

@@ -162,13 +162,13 @@ const news = [
     date: "30-11-2025",
     icon: TrendingUp, // icône tendance boursière
   },
-  {
+  // {
-    type: "Logistic",
+  //   type: "Logistic",
-    label: "INTHIRA NAREE loaded",
+  //   label: "INTHIRA NAREE loaded",
-    date: "08-10-2025",
+  //   date: "08-10-2025",
-    color: "#1E3A8A",
+  //   color: "#1E3A8A",
-    icon: Newspaper,
+  //   icon: Newspaper,
-  },
+  // },
 ];
 
 const cards = [
@@ -488,7 +488,7 @@ export default function App() {
           </Card> */}
           {/* Card Last News (taille standard card) */}
           <Card className="p-4 rounded-xl border border-gray-200 dark:border-gray-700 shadow-md bg-white dark:bg-gray-800 hover:shadow-lg transition">
-            <Title className="text-base mb-4">Last News</Title>
+            <Title className="text-base mb-4">Forex</Title>
 
             <div className="space-y-3 text-sm">
               {news.map((n, idx) => {
@@ -515,6 +515,18 @@ export default function App() {
                 );
               })}
             </div>
+            <AreaChart
+              data={data}
+              index="date"
+              categories={["value"]}
+              colors={["teal-300"]}
+              className="h-16"
+              showXAxis={false}
+              showYAxis={false}
+              showGridLines={false}
+              showLegend={false}
+              curve="monotone"
+            />
           </Card>
           {/* Cards KPI */}
           {cards.map((card) => {
@@ -534,19 +546,6 @@ export default function App() {
 
                 <div className="w-full h-1 bg-gray-200 dark:bg-gray-600 mb-4"></div>
 
-                {/* <AreaChart
-                  data={data}
-                  index="date"
-                  categories={["value"]}
-                  colors={["teal-300"]}
-                  className="h-16"
-                  showXAxis={false}
-                  showYAxis={false}
-                  showGridLines={false}
-                  showLegend={false}
-                  curve="monotone"
-                /> */}
-
                 <BarChart
                   data={[
                     {
@@ -563,7 +562,7 @@ export default function App() {
                   showXAxis={false}
                   showYAxis={false}
                   showGridLines={false}
-                  showLegend={false}
+                  showLegend={true}
                 />
 
                 <button onClick={card.action} className="mt-4 text-xs text-teal-600 underline">