From 3cb5ddec0e084bc75e45bb4b539dc063ee8b1907 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Thu, 24 Mar 2022 00:29:30 +0800
Subject: [PATCH] Improve empty state for projects list in org billing page

---
 .../Organization/BillingSettings/ProjectsSummary.tsx         | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/studio/components/interfaces/Organization/BillingSettings/ProjectsSummary.tsx b/studio/components/interfaces/Organization/BillingSettings/ProjectsSummary.tsx
index 1d2c2682435..c2160a844d3 100644
--- a/studio/components/interfaces/Organization/BillingSettings/ProjectsSummary.tsx
+++ b/studio/components/interfaces/Organization/BillingSettings/ProjectsSummary.tsx
@@ -108,6 +108,11 @@ const ProjectsSummary: FC<ProjectsSummaryProps> = ({ projects }) => {
         {projects.map((project: any) => (
           <ProjectSummary key={project.ref} project={project} />
         ))}
+        {projects.length === 0 && (
+          <Panel.Content>
+            <p className="text-sm text-scale-1100">No projects created yet</p>
+          </Panel.Content>
+        )}
       </Panel>
     </div>
   )