From 13bec4599fc92554b46c047c5653c5e9ad17f048 Mon Sep 17 00:00:00 2001
From: Nikhil Badyal <59223300+nikhilbadyal@users.noreply.github.com>
Date: Wed, 4 Dec 2024 00:36:59 +0530
Subject: [PATCH] Handle invalid API key (#1515)

* Handle invalid API key

* Show error on invalid API key
---
 app/models/family.rb               |  6 +++++-
 app/views/pages/dashboard.html.erb | 14 ++++++++++----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/app/models/family.rb b/app/models/family.rb
index 999e268a043..bae32843561 100644
--- a/app/models/family.rb
+++ b/app/models/family.rb
@@ -159,7 +159,11 @@ def synth_usage
   end
 
   def synth_overage?
-    self.class.synth_provider && self.class.synth_provider.usage.utilization >= 100
+    self.class.synth_provider&.usage&.utilization.to_i >= 100
+  end
+
+  def synth_valid?
+    self.class.synth_provider&.healthy?
   end
 
   def subscribed?
diff --git a/app/views/pages/dashboard.html.erb b/app/views/pages/dashboard.html.erb
index a2e5c66b113..06a9115e98b 100644
--- a/app/views/pages/dashboard.html.erb
+++ b/app/views/pages/dashboard.html.erb
@@ -1,8 +1,14 @@
 <div class="space-y-4">
-  <% if self_hosted? && Current.family&.synth_overage? %>
-    <div class="bg-yellow-100 border border-yellow-400 text-yellow-700 px-4 py-3 rounded relative" role="alert">
-      Your Synth API credit limit has been exceeded. Please visit your <a href="https://dashboard.synthfinance.com/settings" class="font-medium underline hover:text-yellow-900">Synth billing settings</a> to upgrade your plan or wait for your credits to reset.
-    </div>
+  <% if self_hosted? %>
+    <% if Current.family&.synth_overage? %>
+      <div class="bg-yellow-100 border border-yellow-400 text-yellow-700 px-4 py-3 rounded relative" role="alert">
+        Your Synth API credit limit has been exceeded. Please visit your <a href="https://dashboard.synthfinance.com/settings" class="font-medium underline hover:text-yellow-900">Synth billing settings</a> to upgrade your plan or wait for your credits to reset.
+      </div>
+    <% elsif !Current.family&.synth_valid? %>
+      <div class="bg-yellow-100 border border-yellow-400 text-yellow-700 px-4 py-3 rounded relative" role="alert">
+        Your Synth API Key is invalid. Please visit your <a href="https://dashboard.synthfinance.com/dashboard" class="font-medium underline hover:text-yellow-900">Synth dashboard</a> and verify that your API key is correct.
+      </div>
+    <% end %>
   <% end %>
   <header class="flex items-center justify-between">
     <div>