sure/app/views/settings/hostings/_yahoo_finance_settings.html.erb

<div class="space-y-4">
  <div>
    <h2 class="font-medium mb-1"><%= t(".title") %></h2>
    <p class="text-secondary text-sm mb-4"><%= t(".description") %></p>
  </div>
  <% if @yahoo_finance_provider&.healthy? %>
    <div class="space-y-4">
      <div class="flex items-center space-x-3">
        <div class="w-3 h-3 bg-success rounded-full"></div>
        <p class="text-sm text-secondary">
          <%= t(".status_active") %>
        </p>
      </div>
    </div>
  <% else %>
    <div class="space-y-4">
      <div class="flex items-center space-x-3">
        <div class="w-3 h-3 bg-destructive rounded-full"></div>
        <p class="text-sm text-secondary">
          <%= t(".status_inactive") %>
        </p>
      </div>
      <div class="bg-destructive-50 border border-destructive-200 rounded-lg p-3">
        <div class="flex items-start gap-2">
          <%= icon("alert-circle", class: "w-5 h-5 text-destructive-600 mt-0.5 shrink-0") %>
          <div>
            <h3 class="text-sm font-medium text-destructive-800">
              <%= t(".connection_failed") %>
            </h3>
            <div class="mt-2 text-sm text-destructive-700">
              <p><%= t(".troubleshooting") %></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  <% end %>
</div>