a bunch of frontend layout adjustments, and fixed message duplication by adding uuids

src/main.rs

@@ -58,11 +58,11 @@ async fn main() -> anyhow::Result<()> {
         .layer(Extension(db_pool))
         .layer(Extension(realtime))
         .layer(GovernorLayer::new(governor_conf))
-        .layer(
-            TraceLayer::new_for_http()
-                .make_span_with(DefaultMakeSpan::new().level(Level::INFO))
-                .on_response(DefaultOnResponse::new().level(Level::INFO)),
-        )
+        // .layer(
+        //     TraceLayer::new_for_http()
+        //         .make_span_with(DefaultMakeSpan::new().level(Level::INFO))
+        //         .on_response(DefaultOnResponse::new().level(Level::INFO)),
+        // )
         .layer(cors);
 
     let port = var("CHATAPP_SERVER_PORT").unwrap_or_else(|_| "8080".to_string());

src/routes/messages.rs

@@ -23,6 +23,7 @@ pub struct MessageRow {
 
 #[derive(sqlx::FromRow, serde::Serialize, Debug, Clone)]
 pub struct Message {
+    pub uuid: Uuid,
     pub sender: String,
     pub message_type: String,
     pub content: String,
@@ -87,6 +88,7 @@ async fn list_messages(
     let messages: Vec<Message> = messages
         .into_iter()
         .map(|m| Message {
+            uuid: uuid::Uuid::now_v7(),
             sender: m.sender,
             message_type: m.message_type,
             content: m.content,
@@ -136,6 +138,7 @@ async fn create_message(
     let sender_name = username_from_uuid(&db, claims.sub).await?;
 
     let message = Message {
+        uuid: uuid::Uuid::now_v7(),
         sender: sender_name,
         message_type: payload.message_type,
         content: payload.content,