Detect migration resource values from names

src/lib/stores/migration.ts

@@ -35,21 +35,23 @@ export const createMigrationFormStore = () => {
     };
 };
 
-const resources = [
-    'user',
-    'team',
-    'membership',
-    'file',
-    'bucket',
-    'function',
-    'environment variable',
-    'deployment',
-    'database',
-    'collection',
-    'index',
-    'attribute',
-    'document'
-] as const;
+export const ResourcesFriendly = {
+    user: { singular: 'User', plural: 'Users' },
+    team: { singular: 'Team', plural: 'Teams' },
+    membership: { singular: 'Membership', plural: 'Memberships' },
+    file: { singular: 'File', plural: 'Files' },
+    bucket: { singular: 'Bucket', plural: 'Buckets' },
+    function: { singular: 'Function', plural: 'Functions' },
+    'environment variable': { singular: 'Environment Variable', plural: 'Environment Variables' },
+    deployment: { singular: 'Deployment', plural: 'Deployments' },
+    database: { singular: 'Database', plural: 'Databases' },
+    collection: { singular: 'Collection', plural: 'Collections' },
+    index: { singular: 'Index', plural: 'Indexes' },
+    attribute: { singular: 'Attribute', plural: 'Attributes' },
+    document: { singular: 'Document', plural: 'Documents' },
+};
+
+const resources = Object.keys(ResourcesFriendly);
 
 type Resource = (typeof resources)[number];
 

src/routes/console/project-[project]/settings/migrations/details.svelte

@@ -6,6 +6,7 @@
     import { parseIfString } from '$lib/helpers/object';
     import { formatNum } from '$lib/helpers/string';
     import type { Models } from '@appwrite.io/console';
+    import { ResourcesFriendly } from '$lib/stores/migration'
 
     export let migrations: Models.Migration[] = [];
     export let migrationId: string = null;
@@ -106,7 +107,7 @@
                         </div>
 
                         <div>
-                            <span class="u-capitalize">{entity + 's'}</span>
+                            <span class="u-capitalize">{(total(Object.values(entityCounter)) > 1) ? ResourcesFriendly[entity].plural : ResourcesFriendly[entity].singular}</span>
                             <span class="inline-tag">{totalItems(entityCounter)}</span>
                         </div>
                     </div>