some fixes

Author: dcorroyer

VERSION

@@ -1 +1 @@
-2.0.1
+2.1.2

app/.env

@@ -12,5 +12,9 @@ JWT_TTL=86400
 ###< lexik/jwt-authentication-bundle ###
 
 ###> nelmio/cors-bundle ###
-CORS_ALLOW_ORIGIN='^https?://(localhost|127\.0\.0\.1)(:[0-9]+)?$'
-###< nelmio/cors-bundle ###
+CORS_ALLOW_ORIGIN='^https?://(localhost|127\.0\.0\.1|mybudget\.dcorroyer\.fr)(:[0-9]+)?$'
+###< nelmio/cors-bundle ###
+
+###> sentry/sentry-symfony ###
+SENTRY_DSN="https://c7d1e04ef4d6e7a0bb60dae3e51117c1@o4508924680077312.ingest.de.sentry.io/4508924682043472"
+###< sentry/sentry-symfony ###

app/assets/api/axiosInstance.ts

@@ -1,7 +1,17 @@
 import axios, { AxiosError, AxiosRequestConfig } from 'axios'
 
+const getBaseUrl = () => {
+  const hostname = window.location.hostname
+
+  if (hostname === 'mybudget.dcorroyer.fr') {
+    return 'https://mybudget.dcorroyer.fr'
+  }
+
+  return 'https://mybudget.web.localhost'
+}
+
 const axiosInstance = axios.create({
-  baseURL: 'https://mybudget.web.localhost',
+  baseURL: getBaseUrl(),
   headers: {
     'Content-Type': 'application/json',
   },

app/assets/components/NotFound.tsx

@@ -4,9 +4,9 @@ import { Button, Container, Group, Text, Title } from '@mantine/core'
 
 import { Link } from 'react-router-dom'
 
-import classes from './notfound.module.css'
+import classes from './NotFound.module.css'
 
-import { Illustration } from './illustration'
+import { Illustration } from './Illustration'
 
 const NotFound: React.FC = () => {
   return (

app/assets/components/sidebar.tsx

@@ -7,8 +7,8 @@ import { useMediaQuery } from '@mantine/hooks'
 import { notifications } from '@mantine/notifications'
 import { IconChartLine, IconLogout, IconWallet } from '@tabler/icons-react'
 
-import Logo from './logo'
-import classes from './sidebar.module.css'
+import Logo from './Logo'
+import classes from './Sidebar.module.css'
 
 const data = [
   { icon: IconChartLine, label: 'Épargne', path: '/' },

app/assets/features/auth/pages/LoginPage.tsx

@@ -17,7 +17,7 @@ import {
 import { notifications } from '@mantine/notifications'
 
 import { usePostApiLogin } from '@/api/generated/authentication/authentication'
-import { loginFormSchema, loginFormType } from '@/features/auth/schemas/LoginSchema'
+import { loginFormSchema, loginFormType } from '@/features/auth/schemas/loginSchema'
 
 const Login: React.FC = () => {
   const navigate = useNavigate()

app/assets/features/auth/pages/RegisterPage.tsx

@@ -18,7 +18,7 @@ import { notifications } from '@mantine/notifications'
 
 import { usePostApiLogin, usePostApiRegister } from '@/api/generated/authentication/authentication'
 import { PostApiRegister400 } from '@/api/models'
-import { registerFormSchema, registerFormType } from '@/features/auth/schemas/RegisterSchema'
+import { registerFormSchema, registerFormType } from '@/features/auth/schemas/registerSchema'
 
 const Register: React.FC = () => {
   const navigate = useNavigate()

app/assets/features/savings/components/SavingsChart.tsx

@@ -17,19 +17,45 @@ export const SavingsChart: React.FC<SavingsChartProps> = ({ data, height }) => {
     balance: balance.balance,
   }))
 
+  const maxValue = Math.max(...chartData.map((item) => item.balance)) * 1.1
+
   return (
-    <>
-      <LineChart
-        h={height || (isMobile ? 200 : 300)}
-        data={chartData}
-        dataKey='date'
-        series={[{ name: 'balance', color: 'blue' }]}
-        curveType='natural'
-        withYAxis={false}
-        xAxisProps={{ padding: { left: isMobile ? 5 : 30, right: isMobile ? 5 : 30 } }}
-        withPointLabels
-        withTooltip={false}
+    <div className='savings-chart-container' style={{ position: 'relative' }}>
+      <div
+        style={{
+          position: 'absolute',
+          top: '0',
+          left: '0',
+          right: '0',
+          bottom: '20px',
+          backgroundColor: 'var(--mantine-color-gray-0)',
+          borderRadius: '8px',
+          zIndex: 0,
+        }}
       />
-    </>
+
+      {/* Le graphique avec un fond transparent */}
+      <div style={{ position: 'relative', zIndex: 1 }}>
+        <LineChart
+          h={height || (isMobile ? 200 : 300)}
+          data={chartData}
+          dataKey='date'
+          series={[{ name: 'balance', color: 'blue' }]}
+          curveType='natural'
+          withYAxis={true}
+          yAxisProps={{
+            domain: [0, maxValue],
+            width: 0,
+            tickFormatter: () => '',
+          }}
+          xAxisProps={{
+            padding: { left: isMobile ? 5 : 30, right: isMobile ? 5 : 30 },
+          }}
+          gridAxis='none'
+          withPointLabels
+          withTooltip={false}
+        />
+      </div>
+    </div>
   )
 }

app/assets/features/savings/components/SavingsChartSection.tsx

@@ -58,18 +58,18 @@ export const SavingsChartSection = ({
       </Card.Section>
 
       <Card.Section withBorder inheritPadding px='xl' py='md'>
-        <div style={{ position: 'relative', height: '300px' }}>
-          {showSkeleton && <Skeleton height={300} radius='md' animate={true} />}
+        <div style={{ position: 'relative', height: '350px', width: '100%', overflow: 'visible' }}>
+          {showSkeleton && <Skeleton height={350} radius='md' animate={true} />}
 
           {showPrevData && prevData && prevData.data && (
             <div style={{ position: 'absolute', top: 0, left: 0, right: 0 }}>
-              <SavingsChart data={prevData.data} height={300} />
+              <SavingsChart data={prevData.data} height={350} />
             </div>
           )}
 
           {showCurrentData && savingsData && savingsData.data && (
             <div style={{ position: 'absolute', top: 0, left: 0, right: 0 }}>
-              <SavingsChart data={savingsData.data} height={300} />
+              <SavingsChart data={savingsData.data} height={350} />
             </div>
           )}
         </div>

app/composer.json

@@ -22,6 +22,7 @@
     "phpdocumentor/reflection-docblock": "^5.4",
     "phpstan/phpdoc-parser": "^1.29",
     "runtime/frankenphp-symfony": "^0.2.0",
+    "sentry/sentry-symfony": "^5.2",
     "symfony/asset": "~7.1.0",
     "symfony/console": "~7.1.0",
     "symfony/dotenv": "~7.1.0",