Client panel: Inbox

Starting with a hardcoded welcome message.
It will be turned into an onboarding process manager and Communication BC.
After CustomerRegistered we will issue the command with message.

Author: andrzejkrzywda

rails_application/app/controllers/client/inbox_controller.rb

@@ -0,0 +1,8 @@
+module Client
+  class InboxController < BaseController
+
+    def index
+      render html: ClientInbox::Rendering::InboxList.build(view_context, cookies[:client_id]), layout: true
+    end
+  end
+end

rails_application/app/read_models/client_inbox/rendering/inbox_list.rb

@@ -0,0 +1,88 @@
+require 'ostruct'
+
+module ClientInbox
+  module Rendering
+    class InboxList < Arbre::Component
+      include Rails.application.routes.url_helpers
+
+      def self.build(view_context, client_id)
+        new(Arbre::Context.new(nil, view_context)).build(dummy_messages)
+      end
+
+      def self.dummy_messages
+        [
+          OpenStruct.new(
+            id: 1,
+            title: "Welcome to our platform!",
+            created_at: 2.days.ago,
+            read: false
+          )
+        ]
+      end
+
+      def build(messages, attributes = {})
+        super(attributes)
+
+        div class: "max-w-6xl mx-auto py-6 sm:px-6 lg:px-8" do
+          inbox_header
+          messages_list(messages)
+        end
+      end
+
+      private
+
+      def inbox_header
+        h1 class: "text-3xl font-bold text-gray-900 mb-6" do
+          "Your Inbox"
+        end
+      end
+
+      def messages_list(messages)
+        return no_messages_message if messages.empty?
+        
+        div class: "bg-white shadow rounded-lg overflow-hidden" do
+          ul class: "divide-y divide-gray-200" do
+            messages.each do |message|
+              li class: "p-4 hover:bg-gray-50 transition duration-150" do
+                message_item(message)
+              end
+            end
+          end
+        end
+      end
+
+      def message_item(message)
+        div class: "flex items-start justify-between" do
+          div class: "flex-1" do
+            h3 class: message_title_classes(message) do
+              message.title
+            end
+            
+            span class: "text-sm text-gray-500" do
+              time_ago_in_words(message.created_at) + " ago"
+            end
+          end
+          
+          unread_indicator if !message.read
+        end
+      end
+
+      def message_title_classes(message)
+        message.read ? "text-gray-700 text-lg" : "font-bold text-gray-900 text-lg"
+      end
+
+      def unread_indicator
+        div class: "ml-2 flex-shrink-0" do
+          span class: "inline-block h-2 w-2 rounded-full bg-blue-600"
+        end
+      end
+
+      def no_messages_message
+        div class: "bg-white shadow rounded-lg p-6 text-center text-gray-500" do
+          "You have no messages"
+        end
+      end
+    end
+  end
+end
+

rails_application/app/views/application/_client_top_navigation.html.erb

@@ -11,6 +11,7 @@
           <div class="ml-10 flex items-baseline space-x-4">
             <%= navigation_link "Client View", clients_path %>
             <%= navigation_link "Products", client_products_path %>
+            <%= navigation_link "Inbox", client_inbox_path %>
           </div>
         </div>
       </div>

rails_application/config/routes.rb

@@ -59,6 +59,7 @@
   get :logout, to: "client/clients#logout"
   get "clients", to: "client/clients#index"
   get "client/products", to: "client/products#index"
+  get "client/inbox", to: "client/inbox#index"
 
   mount RailsEventStore::Browser => "/res"
 end

rails_application/test/integration/client_inbox_test.rb

@@ -0,0 +1,24 @@
+require_relative "../test_helper"
+
+class ClientInboxTest < InMemoryRESIntegrationTestCase
+  def test_customer_sees_inbox_messages
+    customer_id = register_customer("Test Customer")
+    login(customer_id)
+    get "/client/inbox"
+    
+    assert_response :success
+    assert_select "h1", "Your Inbox"
+
+    assert_message("Welcome to our platform!", /\d+ days? ago/)
+  end
+
+  private
+
+  def assert_message(title, timestamp)
+    assert_select "h3.font-bold.text-gray-900.text-lg", title
+    assert_select "span.text-sm.text-gray-500", timestamp
+    assert_select "span.inline-block.h-2.w-2.rounded-full.bg-blue-600"
+  end
+
+end
+