Added a clickable drop down arrow that reveals list of instructions for Brand Fetch Client ID (#246)

* Added a clickable drop down arrow that reveals list of instructions for Brand Fetch Client ID

Signed-off-by: ampersandru <43594741+ampersandru@users.noreply.github.com>

* Updated html code based on recommendations

Signed-off-by: ampersandru <43594741+ampersandru@users.noreply.github.com>

* Update _brand_fetch_settings.html.erb

Signed-off-by: ampersandru <43594741+ampersandru@users.noreply.github.com>

* Small edit for consistency with Twelve Data settings flow

* HTML linting

* Missed an extra closing tag.

---------

Signed-off-by: ampersandru <43594741+ampersandru@users.noreply.github.com>
Signed-off-by: Juan José Mata <juanjo.mata@gmail.com>
Co-authored-by: Juan José Mata <juanjo.mata@gmail.com>
This commit is contained in:
ampersandru
2025-10-27 04:18:45 -07:00
committed by GitHub
parent cca14c919e
commit dcb674835c

View File

@@ -4,14 +4,23 @@
<% if ENV["BRAND_FETCH_CLIENT_ID"].present? %>
<p class="text-sm text-secondary">You have successfully configured your Brand Fetch Client ID through the BRAND_FETCH_CLIENT_ID environment variable.</p>
<% else %>
<p class="text-secondary text-sm mb-4"><%= t(".description") %></p>
<ol class="text-sm text-secondary mb-4 list-decimal ml-6 space-y-2">
<div class="text-secondary text-sm mb-4">
<span><%= t(".description") %></span>
<details class="inline">
<summary class="cursor-pointer font-medium text-secondary underline inline"> (show details)</summary>
<ol class="text-sm text-secondary mt-2 list-decimal ml-6 space-y-2">
<li>
Visit <a href="https://brandfetch.com/developers" target="_blank" rel="noopener noreferrer">brandfetch.com</a> and create a free Brand Fetch Developer account.
Visit <a href="https://brandfetch.com/developers" target="_blank" rel="noopener noreferrer" class="underline">brandfetch.com</a> and create a free Brand Fetch Developer account.
</li>
<li>
Go to the <a href="https://developers.brandfetch.com/dashboard/logo-api" target="_blank" rel="noopener noreferrer" class="underline">Logo API</a> page.
</li>
<li>
Tap the eye icon under the "Your Client ID" section to reveal your <strong>Client ID</strong> and paste it below.
</li>
<li>Go to the <a href="https://developers.brandfetch.com/dashboard/logo-api" target="_blank" rel="noopener noreferrer">Logo API</a> page.</li>
<li>Tap the eye icon under the "Your Client ID" section to reveal your <strong>Client ID</strong> and paste it below.</li>
</ol>
</details>
</div>
<% end %>
</div>