From 69a550a2a01b826c9a1faf50adea6199340fc1cf Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Mon, 29 Jul 2024 14:40:17 +0200
Subject: [PATCH] [core] Fix event naming convention

---
 apps/pigment-css-next-app/src/app/stack/page.tsx | 12 ++++++------
 apps/pigment-css-vite-app/src/pages/index.tsx    | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/apps/pigment-css-next-app/src/app/stack/page.tsx b/apps/pigment-css-next-app/src/app/stack/page.tsx
index e9bd5dcb..7ea0d165 100644
--- a/apps/pigment-css-next-app/src/app/stack/page.tsx
+++ b/apps/pigment-css-next-app/src/app/stack/page.tsx
@@ -32,17 +32,17 @@ export default function InteractiveStack() {
   const [direction, setDirection] = React.useState<StackProps['direction']>('column');
   const [spacing, setSpacing] = React.useState<string | number>(2);
 
-  const handleChange = React.useCallback((ev: React.ChangeEvent<HTMLInputElement>) => {
-    switch (ev.target.name) {
+  const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
+    switch (event.target.name) {
       case 'direction': {
-        setDirection(ev.target.value as StackProps['direction']);
+        setDirection(event.target.value as StackProps['direction']);
         break;
       }
       case 'spacing': {
         setSpacing(
-          ev.target.value.match(/^[0-9]+\.?[0-9]*$/)
-            ? parseFloat(ev.target.value)
-            : ev.target.value,
+          event.target.value.match(/^[0-9]+\.?[0-9]*$/)
+            ? parseFloat(event.target.value)
+            : event.target.value,
         );
         break;
       }
diff --git a/apps/pigment-css-vite-app/src/pages/index.tsx b/apps/pigment-css-vite-app/src/pages/index.tsx
index 3f2b2161..cc3d28df 100644
--- a/apps/pigment-css-vite-app/src/pages/index.tsx
+++ b/apps/pigment-css-vite-app/src/pages/index.tsx
@@ -31,17 +31,17 @@ export default function InteractiveStack() {
   const [direction, setDirection] = React.useState<StackProps['direction']>('column');
   const [spacing, setSpacing] = React.useState<string | number>(2);
 
-  const handleChange = React.useCallback((ev: React.ChangeEvent<HTMLInputElement>) => {
-    switch (ev.target.name) {
+  const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
+    switch (event.target.name) {
       case 'direction': {
-        setDirection(ev.target.value as StackProps['direction']);
+        setDirection(event.target.value as StackProps['direction']);
         break;
       }
       case 'spacing': {
         setSpacing(
-          ev.target.value.match(/^[0-9]+\.?[0-9]*$/)
-            ? parseFloat(ev.target.value)
-            : ev.target.value,
+          event.target.value.match(/^[0-9]+\.?[0-9]*$/)
+            ? parseFloat(event.target.value)
+            : event.target.value,
         );
         break;
       }