From 35add63ec4dce39710095f17abd86777de9e5b49 Mon Sep 17 00:00:00 2001
From: Elizabeth Hunt <me@liz.coffee>
Date: Sat, 4 Oct 2025 18:36:10 -0700
Subject: Working history state

---
 src/App.tsx | 32 ++++++++++++++++++++++++--------
 1 file changed, 24 insertions(+), 8 deletions(-)

(limited to 'src/App.tsx')

diff --git a/src/App.tsx b/src/App.tsx
index 3623384..c50d1fc 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,13 +1,29 @@
-import { useState } from "react";
-import { ChooseArt } from "./pages/ChooseArt";
-import { Paint } from "./pages/Paint";
+import { useEffect, useState } from 'react';
+
+import { ChooseArt } from '@/pages/ChooseArt';
+import { Paint } from '@/pages/Paint';
+
+import { gridFromAscii } from '@/utils/grid';
+
+const butterfly = `|                      |
+|  ⠀⠀⠀⠀⊹               |
+|  ⢶⢻⣑⣒⢤⡀⠀⢄⠀⠀⡠⠀⢀⡤⣆⣊⡿⡷  |
+|  ⠀⠹⠹⣚⣣⠻⣦⡀⠀⠀⢀⣴⠟⣸⢓⢎⠏⠀  |
+|  ⠀⠀⢡⣱⣖⣢⡾⢿⣾⣷⡿⢷⣖⣒⣎⡎⠀⠀  |
+|  ⠀⠀⠀⣠⠓⢬⠅⡺⢻⡟⢗⠨⡥⠚⣄⠀⠀⠀  |
+|  ⠀⠀⠀⣿⡆⠘⠆⢇⢸⡇⠸⠰⠃⢰⣿⠀⠀⠀  |
+|  ⠀⠀⠀⠐⡻⣮⣬⠞⠈⠁⠳⣤⣴⢿⠂⠀⠀⠀  |
+|  ⠀⠀⠀⡜⠀⠁⠉⠀⠀⠀⠀⠈⠈⠀⢣⠀⠀⠀  |
+|  ⊹                   |
+|                      |`;
 
 export const App: React.FC = () => {
-    const [chosenArt, setChosenArt] = useState<undefined | string>(undefined);
+    // const [chosenArt, setChosenArt] = useState<undefined | string>(undefined);
+    const [chosenArt, setChosenArt] = useState<undefined | string>(butterfly);
 
-    if (chosenArt === undefined) {
-        return <ChooseArt artSubmissionCallback={setChosenArt} />
+    if (chosenArt !== undefined) {
+        return <Paint grid={gridFromAscii(chosenArt)} />;
     }
 
-    return <Paint art={chosenArt} />
-}
+    return <ChooseArt artSubmissionCallback={setChosenArt} />;
+};
-- 
cgit v1.2.3-70-g09d2

