Improve reducer patterns menu example

Author: RoyalIcing

lib/components_guide_web/templates/react_typescript/reducer-patterns.html.md

@@ -1,29 +1,29 @@
 # React `useReducer` patterns
 
-## Multiple controls where only one can be open at a time
+## Menu
 
 ```ts
-type FilterValue = null | "first" | "second" | "third"; // null means closed
+type Menu = null | "file" | "edit" | "view"; // null means closed
 
-const [openFilter, dispatchOpen] = useReducer(
-  (current: FilterValue, action: FilterValue) => {
+const [openMenu, tap] = useReducer(
+  (current: Menu, action: Menu) => {
     if (action === current) {
-      return null;
+      return null; // Close if matches
     }
 
-    return action;
+    return action; // Use passed value
   },
   null
 );
 
-dispatchOpen("first") // "first"
-dispatchOpen(null) // null
-dispatchOpen("first") // "first"
-dispatchOpen("first") // null
-dispatchOpen("first") // "first"
-dispatchOpen("second") // "second"
-dispatchOpen("third") // "third"
-dispatchOpen("second") // "second"
-dispatchOpen("second") // null
-dispatchOpen(null) // null
+tap("file") // "file"
+tap(null) // null
+tap("file") // "file"
+tap("file") // null
+tap("file") // "file"
+tap("edit") // "edit"
+tap("view") // "view"
+tap("edit") // "edit"
+tap("edit") // null
+tap(null) // null
 ```