P387:[{"_402":123,"_403":127,"_404":405},"app1","app2","diffPatch","diff --git a/src/app.tsx b/src/app.tsx\nindex b734b8e..913a854 100644\n--- a/src/app.tsx\n+++ b/src/app.tsx\n@@ -1,5 +1,5 @@\n-import { TicTacToe } from './tic-tac-toe.js'\n+import { MainMenu } from './main-menu.js'\n \n export function App() {\n-\treturn \n+\treturn \n }\ndiff --git a/src/main-menu.browser.test.tsx b/src/main-menu.browser.test.tsx\nnew file mode 100644\nindex 0000000..953c9ed\n--- /dev/null\n+++ b/src/main-menu.browser.test.tsx\n@@ -0,0 +1,23 @@\n+import { page } from '@vitest/browser/context'\n+import { render } from 'vitest-browser-react'\n+import { MemoryRouter } from 'react-router'\n+import { MainMenu } from './main-menu'\n+\n+test('renders the currently active menu link', async () => {\n+\trender(, {\n+\t\twrapper({ children }) {\n+\t\t\treturn (\n+\t\t\t\t\n+\t\t\t\t\t{children}\n+\t\t\t\t\n+\t\t\t)\n+\t\t},\n+\t})\n+\n+\tconst allLinks = page.getByRole('link').elements()\n+\tconst currentPageLink = allLinks.find(\n+\t\t(link) => link.getAttribute('aria-current') === 'page',\n+\t)!\n+\n+\tawait expect.element(currentPageLink).toHaveAccessibleName('Analytics')\n+})\ndiff --git a/src/main-menu.tsx b/src/main-menu.tsx\nnew file mode 100644\nindex 0000000..2c6d113\n--- /dev/null\n+++ b/src/main-menu.tsx\n@@ -0,0 +1,75 @@\n+import { NavLink } from 'react-router'\n+\n+interface MenuItem {\n+\ttitle: string\n+\turl: string\n+\tchildren?: Array\n+}\n+\n+const menuItems: Array = [\n+\t{\n+\t\ttitle: 'Docs',\n+\t\turl: '/docs',\n+\t},\n+\t{\n+\t\ttitle: 'Dashboard',\n+\t\turl: '/dashboard',\n+\t\tchildren: [\n+\t\t\t{\n+\t\t\t\ttitle: 'Profile',\n+\t\t\t\turl: '/dashboard/profile',\n+\t\t\t},\n+\t\t\t{\n+\t\t\t\ttitle: 'Analytics',\n+\t\t\t\turl: '/dashboard/analytics',\n+\t\t\t},\n+\t\t\t{\n+\t\t\t\ttitle: 'Settings',\n+\t\t\t\turl: '/dashboard/settings',\n+\t\t\t},\n+\t\t],\n+\t},\n+] as const\n+\n+function MenuItemsList({ items }: { items: Array }) {\n+\treturn (\n+\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t[\n+\t\t\t\t\t\t\t\t\t'px-2 py-1 hover:text-blue-600 hover:underline',\n+\n+\t\t\t\t\t\t\t\t\t// You will be adding a Conditional breakpoint on this line.\n+\t\t\t\t\t\t\t\t\t// But before you do, there's a slight problem. Conditions can only access\n+\t\t\t\t\t\t\t\t\t// variable from the current scope (the `className` function), and our `item`\n+\t\t\t\t\t\t\t\t\t// lives in the parent scope.\n+\t\t\t\t\t\t\t\t\t//\n+\t\t\t\t\t\t\t\t\t// 🐨 Reference the `item` here to be used in the condition for the breakpoint.\n+\t\t\t\t\t\t\t\t\t// 💰 item && isActive\n+\t\t\t\t\t\t\t\t\t//\n+\t\t\t\t\t\t\t\t\t// 🐨 Next, right-click on the gutter to the left of this line and choose\n+\t\t\t\t\t\t\t\t\t// the \"Add Conditional Breakpoint...\" option. Enter `item.title === 'Dashboard'`\n+\t\t\t\t\t\t\t\t\t// as the condition for the breakpoint.\n+\t\t\t\t\t\t\t\t\t//\n+\t\t\t\t\t\t\t\t\t// 🐨 Finally, run the main menu test suite in the debug mode to see what's wrong.\n+\t\t\t\t\t\t\t\t\tisActive ? 'font-bold text-black' : 'text-gray-600',\n+\t\t\t\t\t\t\t\t].join(' ')\n+\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t{item.title}\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t{item.children ? : null}\n+\t\t\t\t\t

\n+\t)\n+}\n+\n+export function MainMenu() {\n+\treturn \n+}\ndiff --git a/src/tic-tac-toe.browser.test.tsx b/src/tic-tac-toe.browser.test.tsx\ndeleted file mode 100644\nindex 6d5a69f..0000000\n--- a/src/tic-tac-toe.browser.test.tsx\n+++ /dev/null\n@@ -1,19 +0,0 @@\n-import { page } from '@vitest/browser/context'\n-import { render } from 'vitest-browser-react'\n-import { TicTacToe } from './tic-tac-toe'\n-\n-test('places cross marks in a horizontal line', async () => {\n-\trender()\n-\n-\tawait page.getByRole('button', { name: 'left middle' }).click()\n-\tdebugger\n-\n-\tawait page.getByRole('button', { name: 'middle', exact: true }).click()\n-\tdebugger\n-\n-\tawait page.getByRole('button', { name: 'right middle' }).click()\n-\tdebugger\n-\n-\tconst squares = page.getByRole('button').elements().slice(3, 6)\n-\texpect(squares.map((element) => element.textContent)).toEqual(['✗', '✗', '✗'])\n-})\ndiff --git a/src/tic-tac-toe.tsx b/src/tic-tac-toe.tsx\ndeleted file mode 100644\nindex 3bd7431..0000000\n--- a/src/tic-tac-toe.tsx\n+++ /dev/null\n@@ -1,44 +0,0 @@\n-import { useState } from 'react'\n-\n-export function TicTacToe() {\n-\treturn (\n-\t\t

\n-\t\t\t

\n-\t)\n-}\n-\n-function Button(\n-\tprops: Omit<\n-\t\tReact.DetailedHTMLProps<\n-\t\t\tReact.ButtonHTMLAttributes,\n-\t\t\tHTMLButtonElement\n-\t\t>,\n-\t\t'children' | 'onClick'\n-\t>,\n-) {\n-\tconst [selected, setSelected] = useState(false)\n-\tconst text = selected ? '✗' : ''\n-\n-\treturn (\n-\t\t setSelected(!selected)}\n-\t\t>\n-\t\t\t{text}\n-\t\t\n-\t)\n-}"]

src/app.tsx-5+5App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/main-menu.browser.test.tsx-0+23App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/main-menu.tsx-0+75App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/tic-tac-toe.browser.test.tsx-19+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/tic-tac-toe.tsx-44+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/app.tsx-5+5App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/main-menu.browser.test.tsx-0+23App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/main-menu.tsx-0+75App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/tic-tac-toe.browser.test.tsx-19+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/tic-tac-toe.tsx-44+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2