mirror of
https://github.com/we-promise/sure.git
synced 2026-05-12 07:05:00 +00:00
57d71cd55e
* feat(design-system): add info semantic color token Mirrors success/warning/destructive: --color-info maps to blue-600 in light mode, blue-500 in dark mode. Unblocks the DS::Alert info variant from carrying a raw 'blue-600' literal in icon_color and lets surface tokens use bg-info/N alpha modifiers like the rest of the system. Refs #1715 * refactor(design-system): adopt semantic tokens and add body slot in DS::Alert Replaces the bg-{blue,green,yellow,red}-50 / text-{...}-700 / border-{...}-200 palette block in DS::Alert with semantic alpha-modifier surfaces (bg-{info,success,warning,destructive}/10 + matching /20 borders). Drops the 'blue-600' literal that icon_color was returning for the info variant; helpers#icon now accepts color: :info backed by the new --color-info token. Adds an optional title: kwarg and an opt-in block-content slot so rich alerts (title + paragraph, lists, embedded actions) can render without callers reaching for a hand-rolled flex layout. The existing message: API stays backward-compatible — nothing in the codebase that already calls DS::Alert.new(message: ..., variant: ...) needs to change. Lookbook gains with_title and with_body_slot examples covering the new shapes. Refs #1715 * refactor(views): migrate api_keys, hostings, lunchflow alerts to DS::Alert Cleans up nine bespoke alert blocks that hand-rolled the same flex + icon + bordered-surface shape DS::Alert already provides: - settings/api_keys/{new,created,created.turbo_stream}.html.erb — three near-identical 'Security Warning' / 'Important Security Note' boxes using the broken bg-warning-50 / text-warning-700 raw-palette pair. - settings/hostings/{_alpha_vantage,_eodhd,_yahoo_finance,_twelve_data,_provider_selection}_settings.html.erb — five amber-50 / amber-200 warning boxes covering rate-limit notes, health-check failure messaging, and the env-configured override banner. The twelve_data plan-restriction block keeps its bullet list and pricing link inside the new DS::Alert body slot. - lunchflow_items/{_api_error,_setup_required}.html.erb — two modal alert headers whose flex+icon scaffolding now collapses onto DS::Alert. The surrounding bg-surface 'Common issues' / 'Setup steps' info cards stay as-is; this PR only touches the alert shape itself. No functional or behavioural changes. Locale keys preserved. amber-* palette uses on the alerts disappear; remaining bg-amber-* hits in the codebase live outside the alert pattern and stay for follow-up sub-PRs of #1715. Refs #1715
77 lines
3.6 KiB
Plaintext
77 lines
3.6 KiB
Plaintext
<div class="space-y-6">
|
|
<%# Exchange Rate Provider - single dropdown %>
|
|
<div class="space-y-2">
|
|
<h3 class="font-medium text-sm"><%= t(".exchange_rate_title") %></h3>
|
|
<p class="text-secondary text-xs mb-2"><%= t(".exchange_rate_description") %></p>
|
|
|
|
<%= styled_form_with model: Setting.new,
|
|
url: settings_hosting_path,
|
|
method: :patch,
|
|
data: {
|
|
controller: "auto-submit-form",
|
|
"auto-submit-form-trigger-event-value": "change"
|
|
} do |form| %>
|
|
<%= form.select :exchange_rate_provider,
|
|
[
|
|
[t(".providers.twelve_data"), "twelve_data"],
|
|
[t(".providers.yahoo_finance"), "yahoo_finance"]
|
|
],
|
|
{ label: t(".exchange_rate_provider_label") },
|
|
{
|
|
value: ENV.fetch("EXCHANGE_RATE_PROVIDER", Setting.exchange_rate_provider),
|
|
disabled: ENV["EXCHANGE_RATE_PROVIDER"].present?,
|
|
data: { "auto-submit-form-target": "auto" }
|
|
} %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<%# Securities Providers - multiple checkboxes %>
|
|
<div class="space-y-2">
|
|
<h3 class="font-medium text-sm"><%= t(".securities_title") %></h3>
|
|
<p class="text-secondary text-xs mb-2"><%= t(".securities_description") %></p>
|
|
|
|
<%= styled_form_with model: Setting.new,
|
|
url: settings_hosting_path,
|
|
method: :patch,
|
|
data: {
|
|
controller: "auto-submit-form"
|
|
} do |form| %>
|
|
<% disabled = ENV["SECURITIES_PROVIDERS"].present? || ENV["SECURITIES_PROVIDER"].present? %>
|
|
<% enabled_providers = Setting.enabled_securities_providers %>
|
|
|
|
<div class="space-y-2">
|
|
<%# Hidden field to ensure empty array is submitted when all unchecked %>
|
|
<input type="hidden" name="setting[securities_providers][]" value="">
|
|
|
|
<% [
|
|
["twelve_data", t(".providers.twelve_data"), t(".twelve_data_hint")],
|
|
["yahoo_finance", t(".providers.yahoo_finance"), t(".yahoo_finance_hint")],
|
|
["tiingo", t(".providers.tiingo"), t(".requires_api_key")],
|
|
["eodhd", t(".providers.eodhd"), t(".requires_api_key_eodhd")],
|
|
["alpha_vantage", t(".providers.alpha_vantage"), t(".requires_api_key_alpha_vantage")],
|
|
["mfapi", t(".providers.mfapi"), t(".mfapi_hint")],
|
|
["binance_public", t(".providers.binance_public"), t(".binance_public_hint")],
|
|
].each do |value, label, hint| %>
|
|
<label class="flex items-center gap-2 cursor-pointer">
|
|
<input type="checkbox"
|
|
name="setting[securities_providers][]"
|
|
value="<%= value %>"
|
|
class="rounded border-primary text-primary focus:ring-primary"
|
|
<%= "checked" if enabled_providers.include?(value) %>
|
|
<%= "disabled" if disabled %>
|
|
data-auto-submit-form-target="auto">
|
|
<span class="text-sm"><%= label %></span>
|
|
<% if hint %>
|
|
<span class="text-xs text-secondary">(<%= hint %>)</span>
|
|
<% end %>
|
|
</label>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
|
|
<% if ENV["EXCHANGE_RATE_PROVIDER"].present? || ENV["SECURITIES_PROVIDERS"].present? || ENV["SECURITIES_PROVIDER"].present? %>
|
|
<%= render DS::Alert.new(message: t(".env_configured_message"), variant: :warning) %>
|
|
<% end %>
|
|
</div>
|