[core] Fix event naming convention

mui · Jul 29, 2024 · 69a550a · 69a550a
1 parent 957ba0f
commit 69a550a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 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
@@ -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
@@ -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;
       }