-
+ Sorry about this. The app has crashed. You can try refreshing, but if + that doesn't work,{' '} + + let me know about it. + +
+
;
+}
diff --git a/apps/wish-wash/web/src/components/lists/CreateItemButton.tsx b/apps/wish-wash/web/src/components/lists/CreateItemButton.tsx
new file mode 100644
index 00000000..fed84895
--- /dev/null
+++ b/apps/wish-wash/web/src/components/lists/CreateItemButton.tsx
@@ -0,0 +1,29 @@
+import { ButtonProps, Button } from '@a-type/ui/components/button';
+import { Icon } from '@a-type/ui/components/icon';
+import { List } from '@wish-wash.biscuits/verdant';
+
+export interface CreateItemButtonProps extends ButtonProps {
+ list: List;
+}
+
+export function CreateItemButton({
+ list,
+ children,
+ ...rest
+}: CreateItemButtonProps) {
+ const createItem = () => {
+ const item = list.get('items').push({
+ description: 'New idea',
+ });
+ };
+ return (
+
+ );
+}
diff --git a/apps/wish-wash/web/src/components/lists/CreateListButton.tsx b/apps/wish-wash/web/src/components/lists/CreateListButton.tsx
new file mode 100644
index 00000000..e39961cc
--- /dev/null
+++ b/apps/wish-wash/web/src/components/lists/CreateListButton.tsx
@@ -0,0 +1,31 @@
+import { hooks } from '@/store.js';
+import { ButtonProps, Button } from '@a-type/ui/components/button';
+import { Icon } from '@a-type/ui/components/icon';
+import { useNavigate } from '@verdant-web/react-router';
+import { MouseEvent } from 'react';
+
+export interface CreateListButtonProps extends ButtonProps {}
+
+export function CreateListButton({
+ children,
+ onClick,
+ ...props
+}: CreateListButtonProps) {
+ const client = hooks.useClient();
+ const navigate = useNavigate();
+ const createList = async (ev: MouseEvent+ You might have deleted all your lists. You can create a new one below. +
++ Sorry about this. The app has crashed. You can try refreshing, but if + that doesn't work, use the button below to report the issue. +
+ +