chore(demo): fix typos

jcoreio · Dec 15, 2022 · ef25986 · ef25986
1 parent e58a854
commit ef25986
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/demo/Root.js b/demo/Root.js
@@ -111,8 +111,8 @@ const Root = ({ classes }) => (
           hooksCode={FocusPopoverHooksCode}
         />
         <Demo
-          title="DoubleClick Poper"
-          headerId="doubleClick-poper"
+          title="Double Click Popper"
+          headerId="double-click-popper"
           example={<DoubleClickPopover />}
           code={DoubleClickPopoverCode}
           hooksExample={<DoubleClickPopoverHooks />}

diff --git a/demo/examples/DoubleClickPopover.hooks.js b/demo/examples/DoubleClickPopover.hooks.js
@@ -8,7 +8,7 @@ import {
   bindPopover,
 } from 'material-ui-popup-state/hooks'
 
-const DoubleClickPoperPopupState = ({ classes }) => {
+const DoubleClickPopperPopupState = ({ classes }) => {
   const popupState = usePopupState({
     variant: 'popover',
     popupId: 'demoPopover',
@@ -17,7 +17,7 @@ const DoubleClickPoperPopupState = ({ classes }) => {
   return (
     <div>
       <Button {...bindDoubleClick(popupState)} variant="contained">
-        Double click to open poper
+        Double click to open Popper
       </Button>
       <Popover
         {...bindPopover(popupState)}
@@ -38,4 +38,4 @@ const DoubleClickPoperPopupState = ({ classes }) => {
   )
 }
 
-export default DoubleClickPoperPopupState
+export default DoubleClickPopperPopupState
diff --git a/demo/examples/DoubleClickPopover.js b/demo/examples/DoubleClickPopover.js
@@ -8,12 +8,12 @@ import PopupState, {
 } from 'material-ui-popup-state'
 import { ClickAwayListener } from '@mui/material'
 
-const DoubleClickPoperPopupState = ({ classes }) => (
+const DoubleClickPopperPopupState = ({ classes }) => (
   <PopupState variant="popover" popupId="demoPopover">
     {(popupState) => (
       <ClickAwayListener onClickAway={popupState.close}>
         <Button {...bindDoubleClick(popupState)} variant="contained">
-          Double click to open poper
+          Double click to open Popper
         </Button>
         <Popover
           {...bindPopper(popupState)}
@@ -35,4 +35,4 @@ const DoubleClickPoperPopupState = ({ classes }) => (
   </PopupState>
 )
 
-export default DoubleClickPoperPopupState
+export default DoubleClickPopperPopupState