pr fixes

PiwikPRO · Jan 8, 2024 · c89448f · c89448f
1 parent 3c593f4
commit c89448f
Show file tree

Hide file tree

Showing 8 changed files with 2,068 additions and 309 deletions.
diff --git a/example/index.html b/example/index.html
@@ -2,9 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Piwik Pro + Vite + React + TS</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/example/package-lock.json b/example/package-lock.json
diff --git a/example/src/components/ECommerce/ProductDetailView.tsx b/example/src/components/ECommerce/ProductDetailView.tsx
@@ -12,17 +12,17 @@ import {
 
 type Props = {
   product: Product | null
-  open: boolean
+  isOpen: boolean
   close: () => void
 }
 
 const ProductDetailView: FunctionComponent<Props> = ({
   product,
-  open,
+  isOpen,
   close
 }) => {
   return (
-    <Dialog onClose={close} open={open}>
+    <Dialog onClose={close} open={isOpen}>
       {product && (
         <Grid container>
           <Paper

diff --git a/example/src/pages/CustomEvent.tsx b/example/src/pages/CustomEvent.tsx
@@ -1,19 +1,19 @@
 import Box from '@mui/material/Box'
 import Button from '@mui/material/Button'
 import Typography from '@mui/material/Typography'
-import React, { FunctionComponent, useEffect } from 'react'
+import { FunctionComponent, useEffect, useState } from 'react'
 import AddressForm from '../components/CustomEvent/AddressForm.tsx'
 import { CustomEvent } from '@piwikpro/react-piwik-pro'
 import { useSnackbar } from 'notistack'
 import Paper from '@mui/material/Paper'
 
 const CustomEventPage: FunctionComponent = () => {
-  const [finish, setFinish] = React.useState(false)
+  const [finish, setFinish] = useState(false)
   const { enqueueSnackbar } = useSnackbar()
 
   useEffect(() => {
     document.title = 'Custom Event'
-  })
+  }, [])
 
   return (
     <>

diff --git a/example/src/pages/ECommerce.tsx b/example/src/pages/ECommerce.tsx
@@ -310,7 +310,7 @@ const ECommercePage: FunctionComponent = () => {
       </Grid>
       <ProductDetailView
         product={selectedProduct}
-        open={productDetailViewOpen}
+        isOpen={productDetailViewOpen}
         close={() => setProductDetailViewOpen(false)}
       />
     </Grid>