From 5e6829026779ed6e2129ecec6be1058494a03526 Mon Sep 17 00:00:00 2001
From: Charles Morgan <sir3lit@gmail.com>
Date: Tue, 2 Jun 2020 23:40:40 -0400
Subject: [PATCH] Apply same logic to databases

Same logic as PR #2088

Shows using x of x databases.
Once limit is reached the create button is removed
---
 .../components/server/databases/DatabasesContainer.tsx     | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/resources/scripts/components/server/databases/DatabasesContainer.tsx b/resources/scripts/components/server/databases/DatabasesContainer.tsx
index 7fb60f351..77d498ee6 100644
--- a/resources/scripts/components/server/databases/DatabasesContainer.tsx
+++ b/resources/scripts/components/server/databases/DatabasesContainer.tsx
@@ -36,6 +36,11 @@ export default () => {
     return (
         <PageContentBlock>
             <FlashMessageRender byKey={'databases'} className={'mb-4'}/>
+            {featureLimits.databases !== 0 &&
+                <p className="text-center text-md text-neutral-400">
+                    You are currently using {databases.length} of {featureLimits.databases} databases.
+                </p>
+            }
             {(!databases.length && loading) ?
                 <Spinner size={'large'} centered={true}/>
                 :
@@ -59,7 +64,7 @@ export default () => {
                             </p>
                         }
                         <Can action={'database.create'}>
-                            {featureLimits.databases > 0 &&
+                            {featureLimits.databases > 0 && featureLimits.databases !== databases.length &&
                             <div className={'mt-6 flex justify-end'}>
                                 <CreateDatabaseButton/>
                             </div>