Update VSourcesTable.vue (#3026)

Co-authored-by: sarayourfriend <[email protected]>
Co-authored-by: Olga Bulat <[email protected]>
Co-authored-by: Krystle Salazar <[email protected]>

frontend/src/components/VSourcesTable.vue

@@ -111,6 +111,11 @@ export default defineComponent({
     function compareProviders(prov1: MediaProvider, prov2: MediaProvider) {
       let field1 = prov1[sorting.field]
       let field2 = prov2[sorting.field]
+      if (sorting.field === "display_name") {
+        field1 = prov1[sorting.field].toLowerCase()
+        field2 = prov2[sorting.field].toLowerCase()
+      }
+
       if (sorting.field === "source_url") {
         field1 = cleanSourceUrlForPresentation(field1 as string)
         field2 = cleanSourceUrlForPresentation(field2 as string)

frontend/test/playwright/e2e/filters.spec.ts

@@ -40,7 +40,7 @@ const assertCheckboxCount = async (
 const FILTER_COUNTS = {
   [ALL_MEDIA]: 10,
   [AUDIO]: 31,
-  [IMAGE]: 69,
+  [IMAGE]: 71,
 }
 
 breakpoints.describeMobileAndDesktop(() => {

frontend/test/tapes/response-1.json5

@@ -397,6 +397,20 @@
                 logo_url: null,
                 media_count: 154,
             },
+            {
+              "source_name": "inaturalist",
+              "display_name": "iNaturalist",
+              "source_url": "https://inaturalist.org",
+              "logo_url": null,
+              "media_count": 158267579
+            },
+            {
+              "source_name": "nappy",
+              "display_name": "Nappy",
+              "source_url": "https://nappy.co",
+              "logo_url": null,
+              "media_count": 2211
+            },
         ],
     },
-}
+}