From ad74014ef48f7726dcbdd6687833a08ad87cae78 Mon Sep 17 00:00:00 2001
From: Steve Ruiz <steveruizok@gmail.com>
Date: Fri, 11 Jun 2021 23:10:17 +0100
Subject: [PATCH] cleanup status bar

---
 components/status-bar.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/status-bar.tsx b/components/status-bar.tsx
index 6bdd2c682..0a46db73b 100644
--- a/components/status-bar.tsx
+++ b/components/status-bar.tsx
@@ -7,7 +7,10 @@ export default function StatusBar() {
   const local = useStateDesigner(state)
   const { count, time } = useRenderCount()
 
-  const active = local.active.slice(1).map((s) => s.split('root.')[1])
+  const active = local.active.slice(1).map((s) => {
+    const states = s.split('.')
+    return states[states.length - 1]
+  })
   const log = local.log[0]
 
   return (
@@ -16,8 +19,9 @@ export default function StatusBar() {
         '@sm': 'small',
       }}
     >
-      <Section>{active.join(' | ')}</Section>
-      <Section>| {log}</Section>
+      <Section>
+        {active.join(' | ')} | {log}
+      </Section>
       {/* <Section
         title="Renders | Time"
       >