chatwoot-develop/progresso/fix_public_page_config.md

Fix Public Page Configuration

Objective

Ensure that "General Settings" in the Dashboard (Page Title, Subtitle, Phone, Primary Color) are correctly reflected in the Public Booking Page (CaptainBooking).

Context

The user reported that changing settings in the dashboard had no effect on the public page. The public page was using hardcoded values.

Steps Taken

1. Backend:

   • Identified that phone_number column was missing in captain_configurations table.
   • Created migration AddPhoneNumberToCaptainConfigurations.
   • Updated Api::V1::Accounts::Captain::ConfigurationsController to permit phone_number param.
   • Verified Public::Api::V1::Captain::MasterDataController returns the captain_configuration data.

2. Frontend (App.vue):

   • Updated fetchMasterData to consume app_config from the API response.
   • Made appConfig reactive to the fetched data (title, subtitle, phone_number, primary_color, secondary_color).
   • Added dynamic background gradient using primary_color and secondary_color.
   • Added "Suporte: [Phone]" display in the header/subtitle area if a phone number is set.

3. Backend Fix (Part 2):

   • Addressed PG::UndefinedTable error by explicitly setting self.table_name = 'captain_configurations' in Captain::Configuration model.
   • Addressed ActionController::ParameterMissing by updating frontend payload structure.

Files Changed

• db/migrate/20260114101014_add_phone_number_to_captain_configurations.rb (New)
• enterprise/app/controllers/api/v1/accounts/captain/configurations_controller.rb
• enterprise/app/models/captain/configuration.rb (Added table_name)
• app/javascript/captain_booking/App.vue
• app/javascript/dashboard/routes/dashboard/captain/configurations/Index.vue

Validation

• Dashboard UI (configurations/Index.vue) already supported sending phone_number.
• App.vue now dynamically updates its UI based on the API response.