Merge pull request #2088 from Sir3lit/changebackup

Backup page edits, Shows client x of x backups when limit > 0. Removes create button if limit is reached or limit is 0

resources/scripts/components/server/backups/BackupContainer.tsx

@@ -12,7 +12,7 @@ import { ServerContext } from '@/state/server';
 import PageContentBlock from '@/components/elements/PageContentBlock';
 
 export default () => {
-    const { uuid } = useServer();
+    const { uuid, featureLimits } = useServer();
     const { addError, clearFlashes } = useFlash();
     const [ loading, setLoading ] = useState(true);
 
@@ -37,6 +37,11 @@ export default () => {
     return (
         <PageContentBlock>
             <FlashMessageRender byKey={'backups'} className={'mb-4'}/>
+            {featureLimits.backups !== 0 &&
+                <p className="text-center text-md text-neutral-400">
+                    You are currently using {backups.length} of {featureLimits.backups} backups.
+                </p>
+            }
             {!backups.length ?
                 <p className="text-center text-sm text-neutral-400">
                     There are no backups stored for this server.
@@ -50,10 +55,17 @@ export default () => {
                     />)}
                 </div>
             }
+            {featureLimits.backups === 0 &&
+                <p className="text-center text-sm text-neutral-400">
+                    Backups cannot be created for this server.
+                </p>
+            }
             <Can action={'backup.create'}>
+                {featureLimits.backups > 0 && featureLimits.backups !== backups.length &&
                 <div className={'mt-6 flex justify-end'}>
                     <CreateBackupButton/>
                 </div>
+                }
             </Can>
         </PageContentBlock>
     );