From cc68e4241591c95631101e47f9c12ca13d25d301 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Sat, 18 Nov 2023 18:34:48 +0700
Subject: [PATCH] Fix title screen should not camel case

---
 web/containers/Layout/TopBar/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/containers/Layout/TopBar/index.tsx b/web/containers/Layout/TopBar/index.tsx
index e5429297e4..5ab4ebc846 100644
--- a/web/containers/Layout/TopBar/index.tsx
+++ b/web/containers/Layout/TopBar/index.tsx
@@ -10,7 +10,9 @@ const TopBar = () => {
     <div className="fixed left-0 top-0 z-50 flex h-12 w-full border-b border-border bg-background/50">
       <div className="relative left-16 flex w-[calc(100%-64px)] items-center justify-between space-x-4 pl-6 pr-2">
         <div>
-          <span className="font-medium">{viewStateName}</span>
+          <span className="font-medium">
+            {viewStateName.replace(/([A-Z])/g, ' $1').trim()}
+          </span>
         </div>
         <CommandSearch />
         {/* Command without trigger interface */}