Cleanup

README.md

@@ -1,22 +1,14 @@
 # Developer UI for Symphony.
-Allow for viewing daily overview of average connections and active rooms over the previous 24 hours.
-Data for viewing on custom timeframes, e.g 2 hours between yyyy-mm-dd xx:xx:xx UTC-X and another time could be extended with dashboard modifications
+Shows daily overview of average connections and active rooms over the previous 24 hours.
 
 ### static room state observation
-Allows developer to verify the rooms that have been created, check their storage capacity, and get a JSON representation of all the 
-Synced Types associated with a given room.
+Allows developer to verify the rooms are created, state is updated, and check the size of the room state.
 
 ### real-time room state observation
-Allows developer view the real-time state of a given room for debugging
+Allows developer view the real-time state of a room for debugging.
 
 ## Setup
-Define env variables
-  - DOMAIN
-  - PORT
-
-Run in dev mode: `npm run dev`
 
-OR
+Should not be manually deployed alone, unless for inspection of UI.
 
-Rebuild project `npm run build`
-Run `npm start`
+Deployment automated through `symphony-cli` npm package.

app/components/Navigation.tsx

@@ -1,37 +1,17 @@
 export default function Navigation() {
   return (
     <nav className="bg-[#15376e]">
-      <div className="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
-        <div className="relative flex h-16 items-center justify-between">
+        <div className="ml-8 relative flex h-16 items-center justify-between">
           <div className="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
             <div className="flex flex-shrink-0 items-center">
-              <img
-                className="block h-8 w-auto lg:hidden"
-                src="/images/logo.png"
-                alt="Symphony"
-              />
               <img
                 className="hidden h-8 w-auto lg:block"
                 src="/images/logo.png"
                 alt="Symphony"
               />
             </div>
           </div>
-          <div className="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
-            <button
-              type="button"
-              className="rounded-full bg-gray-800 p-1 text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800"
-            ></button>
-            <div>
-              <img
-                className="h-8 w-8 rounded-full"
-                src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
-                alt=""
-              />
-            </div>
-          </div>
         </div>
-      </div>
     </nav>
   );
 }

app/routes/dashboard/index.tsx

@@ -15,21 +15,14 @@ const Dashboard = () => {
       id: 1,
       title: "Concepts",
       description: "Learn the concepts of Symphony before getting started",
-      link: { text: "Learn concepts", href: "#" },
+      link: { text: "Learn concepts", href: "https://symphony-framework.github.io" },
     },
     {
       id: 2,
       title: "Get Started",
       description:
         "Learn how to auto-deploy and self-host Symphony using our CLI tool",
-      link: { text: "Get Started", href: "#" },
-    },
-    {
-      id: 3,
-      title: "Examples",
-      description:
-        "Browse and take inspiration from our galley of collaborative UI patterns",
-      link: { text: "Browse Examples", href: "#" },
+      link: { text: "Get Started", href: "https://github.com/symphony-framework/symphony-cli" },
     },
   ];
 
@@ -48,7 +41,8 @@ const Dashboard = () => {
       setConnections(connections);
       setLastUpdate(new Date())
     } catch {
-
+      console.log("could not fetch metrics")
+      return;
     }
   }