Rearrange imports

clockworklabs · Feb 11, 2024 · e165ca0 · e165ca0
1 parent c0f7217
commit e165ca0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/examples/quickstart/package.json b/examples/quickstart/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "quickstart-vite",
+  "name": "quickstart",
   "private": true,
   "version": "0.0.0",
   "type": "module",

diff --git a/examples/quickstart/src/App.tsx b/examples/quickstart/src/App.tsx
@@ -9,15 +9,15 @@ import User from "./module_bindings/user";
 import { Identity, SpacetimeDBClient } from "@clockworklabs/spacetimedb-sdk";
 import React, { useEffect, useRef, useState } from "react";
 
-// Register the tables and reducers before creating the SpacetimeDBClient
-SpacetimeDBClient.registerTables(Message, User);
-SpacetimeDBClient.registerReducers(SendMessageReducer, SetNameReducer);
-
 export type MessageType = {
   name: string;
   message: string;
 };
 
+// Register the tables and reducers before creating the SpacetimeDBClient
+SpacetimeDBClient.registerTables(Message, User);
+SpacetimeDBClient.registerReducers(SendMessageReducer, SetNameReducer);
+
 const token = localStorage.getItem("auth_token") || undefined;
 const spacetimeDBClient = new SpacetimeDBClient(
   "ws://localhost:3000",
@@ -170,7 +170,7 @@ function App() {
   return (
     <div className="App">
       <div className="profile">
-        <h1>Profile</h1>
+        <h2>Profile</h2>
         {!settingName ? (
           <>
             <p>{name}</p>
@@ -181,7 +181,7 @@ function App() {
                 setNewName(name);
               }}
             >
-              Edit Name
+              EDIT NAME
             </button>
           </>
         ) : (
@@ -192,12 +192,12 @@ function App() {
               value={newName}
               onChange={(e) => setNewName(e.target.value)}
             />
-            <button type="submit">Submit</button>
+            <button type="submit">SUBMIT</button>
           </form>
         )}
       </div>
       <div className="message">
-        <h1>Messages</h1>
+        <h2>Messages</h2>
         {messages.length < 1 && <p>No messages</p>}
         <div>
           {messages.map((message) => (
@@ -210,7 +210,7 @@ function App() {
         </div>
       </div>
       <div className="system" style={{ whiteSpace: "pre-wrap" }}>
-        <h1>System</h1>
+        <h2>System</h2>
         <div>
           <p>{systemMessage}</p>
         </div>