From 77240001c12c9fc94e11fc18ebcfcba5d23689d4 Mon Sep 17 00:00:00 2001
From: Christopher Guess <cguess@gmail.com>
Date: Fri, 29 Mar 2024 13:34:04 -0400
Subject: [PATCH] Add beta to MyVault

---
 app/views/layouts/media_vault/_header.html.erb | 4 +++-
 app/views/media_vault/archive/index.html.erb   | 8 +++++++-
 app/views/media_vault/search/index.html.erb    | 8 ++++++--
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/views/layouts/media_vault/_header.html.erb b/app/views/layouts/media_vault/_header.html.erb
index eb743e82..ac60acac 100644
--- a/app/views/layouts/media_vault/_header.html.erb
+++ b/app/views/layouts/media_vault/_header.html.erb
@@ -19,7 +19,9 @@
 			<ol id="site-nav__primary" class="site-nav__links">
 				<% if current_user.can_access_media_vault? %>
 					<li><%= link_to media_vault_dashboard_path, class: "btn btn--naked" do %><span>Dashboard</span><% end %></li>
-					<% if Flipper.enabled?(:adhoc, current_user) %><li><%= link_to media_vault_myvault_path, class: "btn btn--naked" do %><span>MyVault</span><% end %></li><% end %>
+					<% if Flipper.enabled?(:adhoc, current_user) %>
+						<li><%= link_to media_vault_myvault_path, class: "btn btn--naked" do %><span>MyVault&nbsp;<span style="font-size: .7rem; vertical-align: text-top;" class="super">Beta</span></span><% end %></li>
+					<% end %>
 					<li><%= link_to media_vault_guide_path, class: "btn btn--naked" do %><span>Guide<span class="hideable"> to MediaVault</span></span><% end %></li>
 					<li class="site-nav__search">
 						<%= render partial: "media_vault/search/search_box", locals: { myvault: @myvault } %>
diff --git a/app/views/media_vault/archive/index.html.erb b/app/views/media_vault/archive/index.html.erb
index e3ed0b19..7ab0514a 100644
--- a/app/views/media_vault/archive/index.html.erb
+++ b/app/views/media_vault/archive/index.html.erb
@@ -6,7 +6,13 @@
 	<%# Make this change dpeending on if we're in MyVault or not %>
 	<div class="flex justify-between flex-col md:flex-row lg:flex-row">
 		<div>
-			<h2><%= @myvault ? "MyVault:" : "Recently-archived media:" %></h2>
+			<h2>
+				<% if @myvault %>
+					MyVault&nbsp;<span style="font-size: 1.5rem; vertical-align: text-top; color: gray;" class="super">Beta</span>:
+				<% else %>
+					Recently-archived media:
+				<% end %>
+			</h2>
 		</div>
 		<% if Flipper.enabled?(:adhoc, current_user) %>
 		<div>
diff --git a/app/views/media_vault/search/index.html.erb b/app/views/media_vault/search/index.html.erb
index 9279585e..910e136b 100644
--- a/app/views/media_vault/search/index.html.erb
+++ b/app/views/media_vault/search/index.html.erb
@@ -17,7 +17,9 @@
 
 	<% if (@results || []).any? %>
 		<% if @author_results.try(:any?) %>
-			<h2 class="search-results__title"><%= pluralize(@author_results.length, "matching author") %> found<%= " in your MyVault" if @myvault %>:</h2>
+			<h2 class="search-results__title">
+				<%= pluralize(@author_results.length, "matching author") %> found<% if @myvault %> in your MyVault&nbsp;<span style="font-size: 1.5rem; vertical-align: text-top; color: gray;" class="super">Beta</span><% end %>
+			</h2>
 			<div class="search-results search-results--authors">
 				<% @author_results.each do |author| %>
 					<%= link_to media_vault_author_path(author, platform: author.platform), class: "search-result" do %>
@@ -28,7 +30,9 @@
 		<% end %>
 
 		<% if @post_results.any? %>
-			<h2 class="search-results__title"><%= pluralize(@post_results.length, "matching post") %> found<%= " in your MyVault" if @myvault %>:</h2>
+			<h2 class="search-results__title">
+				<%= pluralize(@post_results.length, "matching post") %> found<% if @myvault %> in your MyVault&nbsp;<span style="font-size: 1.5rem; vertical-align: text-top; color: gray;" class="super">Beta</span><% end %>:
+			</h2>
 			<div class="search-results search-results--posts archive-items archive-items--boxed-items archive-items--masonry">
 				<% @post_results.each do |post| %>
 					<%= render partial: "media_vault/media/archive_item", locals: { preview: true, **post.normalized_attrs_for_views } %>