Merge pull request #323 from BEDOLAGA-DEV/dev

Dev

index.html

@@ -19,7 +19,7 @@
       href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap"
       rel="stylesheet"
     />
-    <script src="https://telegram.org/js/telegram-web-app.js"></script>
+    <script src="https://telegram.org/js/telegram-web-app.js" async></script>
     <style>
       body {
         background-color: #0a0f1a;

src/components/sales-stats/DonutChart.tsx

@@ -57,8 +57,10 @@ export function DonutChart({
               border: `1px solid ${colors.tooltipBorder}`,
               borderRadius: SALES_STATS.TOOLTIP.BORDER_RADIUS,
               fontSize: SALES_STATS.TOOLTIP.FONT_SIZE,
+              color: colors.label,
             }}
             labelStyle={{ color: colors.label }}
+            itemStyle={{ color: colors.label }}
           />
         </PieChart>
       </ResponsiveContainer>

src/components/sales-stats/DualAreaChart.tsx

@@ -114,8 +114,10 @@ export function DualAreaChart({
               border: `1px solid ${colors.tooltipBorder}`,
               borderRadius: SALES_STATS.TOOLTIP.BORDER_RADIUS,
               fontSize: SALES_STATS.TOOLTIP.FONT_SIZE,
+              color: colors.label,
             }}
             labelStyle={{ color: colors.label }}
+            itemStyle={{ color: colors.label }}
             formatter={(value: number | undefined, name: string | undefined) => {
               const displayValue = value ?? 0;
               if (name === 'series1') return [displayValue, series1Label];

src/components/sales-stats/MultiSeriesAreaChart.tsx

@@ -128,8 +128,10 @@ export function MultiSeriesAreaChart({
               border: `1px solid ${colors.tooltipBorder}`,
               borderRadius: SALES_STATS.TOOLTIP.BORDER_RADIUS,
               fontSize: SALES_STATS.TOOLTIP.FONT_SIZE,
+              color: colors.label,
             }}
             labelStyle={{ color: colors.label }}
+            itemStyle={{ color: colors.label }}
             formatter={(value: number | undefined, name: string | undefined) => [
               valueFormatter ? valueFormatter(value ?? 0) : (value ?? 0),
               name || valueLabel || '',

src/components/sales-stats/SimpleAreaChart.tsx

@@ -96,8 +96,10 @@ export function SimpleAreaChart({
               border: `1px solid ${colors.tooltipBorder}`,
               borderRadius: SALES_STATS.TOOLTIP.BORDER_RADIUS,
               fontSize: SALES_STATS.TOOLTIP.FONT_SIZE,
+              color: colors.label,
             }}
             labelStyle={{ color: colors.label }}
+            itemStyle={{ color: colors.label }}
             formatter={(value: number | undefined) => [value ?? 0, valueLabel || '']}
           />
           <Area

src/components/sales-stats/SimpleBarChart.tsx

@@ -77,8 +77,10 @@ export function SimpleBarChart({
               border: `1px solid ${colors.tooltipBorder}`,
               borderRadius: SALES_STATS.TOOLTIP.BORDER_RADIUS,
               fontSize: SALES_STATS.TOOLTIP.FONT_SIZE,
+              color: colors.label,
             }}
             labelStyle={{ color: colors.label }}
+            itemStyle={{ color: colors.label }}
             formatter={(value: number | undefined) => [
               valueFormatter ? valueFormatter(value ?? 0) : (value ?? 0),
             ]}

src/components/stats/DailyChart.tsx

@@ -111,8 +111,10 @@ export function DailyChart({ data, chartId, title, earningsLabel, countLabel }:
               border: `1px solid ${colors.tooltipBorder}`,
               borderRadius: PARTNER_STATS.TOOLTIP.BORDER_RADIUS,
               fontSize: PARTNER_STATS.TOOLTIP.FONT_SIZE,
+              color: colors.label,
             }}
             labelStyle={{ color: colors.label }}
+            itemStyle={{ color: colors.label }}
             formatter={(value: number | undefined, name: string | undefined) => {
               const displayValue = value ?? 0;
               if (name === 'earnings_display') {

src/pages/AdminLandingStats.tsx

@@ -477,8 +477,10 @@ export default function AdminLandingStats() {
                       border: `1px solid ${colors.tooltipBorder}`,
                       borderRadius: CHART_COMMON.TOOLTIP.BORDER_RADIUS,
                       fontSize: CHART_COMMON.TOOLTIP.FONT_SIZE,
+                      color: colors.label,
                     }}
                     labelStyle={{ color: colors.label }}
+                    itemStyle={{ color: colors.label }}
                   />
                   <Area
                     yAxisId="left"
@@ -539,8 +541,10 @@ export default function AdminLandingStats() {
                       border: `1px solid ${colors.tooltipBorder}`,
                       borderRadius: CHART_COMMON.TOOLTIP.BORDER_RADIUS,
                       fontSize: CHART_COMMON.TOOLTIP.FONT_SIZE,
+                      color: colors.label,
                     }}
                     labelStyle={{ color: colors.label }}
+                    itemStyle={{ color: colors.label }}
                     formatter={(value: number | undefined) => {
                       return [value ?? 0, t('admin.landings.stats.purchases')];
                     }}
@@ -617,7 +621,9 @@ export default function AdminLandingStats() {
                         border: `1px solid ${colors.tooltipBorder}`,
                         borderRadius: CHART_COMMON.TOOLTIP.BORDER_RADIUS,
                         fontSize: CHART_COMMON.TOOLTIP.FONT_SIZE,
+                        color: colors.label,
                       }}
+                      itemStyle={{ color: colors.label }}
                     />
                   </PieChart>
                 </ResponsiveContainer>