From d63092b8e896ccfe3c59f92ae481beac27e15477 Mon Sep 17 00:00:00 2001
From: wil <wil@storyteller.ai>
Date: Thu, 28 Mar 2024 10:50:02 -0400
Subject: [PATCH] update all to use new side panel

---
 app/pages/PageCube/PageCube.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/pages/PageCube/PageCube.tsx b/app/pages/PageCube/PageCube.tsx
index 54faf66a60..f6d2062e5a 100644
--- a/app/pages/PageCube/PageCube.tsx
+++ b/app/pages/PageCube/PageCube.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useContext, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 
 import { faChevronLeft } from "@fortawesome/pro-solid-svg-icons";
 
@@ -6,7 +6,7 @@ import { Button } from "~/components/Button";
 import { ButtonLink } from "~/components/ButtonLink";
 import { TopBarHelmet } from "~/modules/TopBarHelmet";
 
-import { SidePanel } from "~/modules/SidePanelOld";
+import { SidePanel } from "~/modules/SidePanel";
 import { SceneWithCube } from "./SceneWithCube";
 
 export const PageCube = () => {
@@ -64,7 +64,7 @@ export const PageCube = () => {
         <p className="text-white">Ration X: {rotationX ? rotationX : ""}</p>
         <p className="text-white">Ration Y: {rotationY ? rotationY : ""}</p>
       </div>
-      <SidePanel title="Side Panel Title">
+      <SidePanel>
         <p className="text-white">Side Panel Context</p>
       </SidePanel>
     </div>