Add fully/partially-supported sections in languag dialog

microbit-grace · microbit-grace · commit 7e89adb26cec · 2025-07-23T10:46:28.000+01:00
diff --git a/lang/ui.ca.json b/lang/ui.ca.json
@@ -871,6 +871,14 @@
     "defaultMessage": "Idioma",
     "description": "Language option text"
   },
+  "language-fully-supported-heading": {
+    "defaultMessage": "Fully-supported",
+    "description": "Fully-supported languages heading text"
+  },
+  "language-partially-supported-heading": {
+    "defaultMessage": "Partially-supported",
+    "description": "Partially-supported languages heading text"
+  },
   "language-support-checked": {
     "defaultMessage": "Supported",
     "description": "Aria label for ticked checkbox for language support"
diff --git a/lang/ui.en.json b/lang/ui.en.json
@@ -871,6 +871,14 @@
     "defaultMessage": "Language",
     "description": "Language option text"
   },
+  "language-fully-supported-heading": {
+    "defaultMessage": "Fully-supported",
+    "description": "Fully-supported languages heading text"
+  },
+  "language-partially-supported-heading": {
+    "defaultMessage": "Partially-supported",
+    "description": "Partially-supported languages heading text"
+  },
   "language-support-checked": {
     "defaultMessage": "Supported",
     "description": "Aria label for ticked checkbox for language support"
diff --git a/lang/ui.es-es.json b/lang/ui.es-es.json
@@ -871,6 +871,14 @@
     "defaultMessage": "Idioma",
     "description": "Language option text"
   },
+  "language-fully-supported-heading": {
+    "defaultMessage": "Fully-supported",
+    "description": "Fully-supported languages heading text"
+  },
+  "language-partially-supported-heading": {
+    "defaultMessage": "Partially-supported",
+    "description": "Partially-supported languages heading text"
+  },
   "language-support-checked": {
     "defaultMessage": "Supported",
     "description": "Aria label for ticked checkbox for language support"
diff --git a/lang/ui.ja.json b/lang/ui.ja.json
@@ -871,6 +871,14 @@
     "defaultMessage": "言語",
     "description": "Language option text"
   },
+  "language-fully-supported-heading": {
+    "defaultMessage": "Fully-supported",
+    "description": "Fully-supported languages heading text"
+  },
+  "language-partially-supported-heading": {
+    "defaultMessage": "Partially-supported",
+    "description": "Partially-supported languages heading text"
+  },
   "language-support-checked": {
     "defaultMessage": "Supported",
     "description": "Aria label for ticked checkbox for language support"
diff --git a/lang/ui.ko.json b/lang/ui.ko.json
@@ -871,6 +871,14 @@
     "defaultMessage": "언어 선택",
     "description": "Language option text"
   },
+  "language-fully-supported-heading": {
+    "defaultMessage": "Fully-supported",
+    "description": "Fully-supported languages heading text"
+  },
+  "language-partially-supported-heading": {
+    "defaultMessage": "Partially-supported",
+    "description": "Partially-supported languages heading text"
+  },
   "language-support-checked": {
     "defaultMessage": "Supported",
     "description": "Aria label for ticked checkbox for language support"
diff --git a/lang/ui.lol.json b/lang/ui.lol.json
@@ -871,6 +871,30 @@
     "defaultMessage": "crwdns363064:0crwdne363064:0",
     "description": "Language option text"
   },
+  "language-fully-supported-heading": {
+    "defaultMessage": "Fully-supported",
+    "description": "Fully-supported languages heading text"
+  },
+  "language-partially-supported-heading": {
+    "defaultMessage": "Partially-supported",
+    "description": "Partially-supported languages heading text"
+  },
+  "language-support-checked": {
+    "defaultMessage": "Supported",
+    "description": "Aria label for ticked checkbox for language support"
+  },
+  "language-support-unchecked": {
+    "defaultMessage": "Unsupported",
+    "description": "Aria label for unticked checkbox for language support"
+  },
+  "language-supported-for": {
+    "defaultMessage": "Translations supported for:",
+    "description": "Text introducing list of translated areas for a given language (areas: Microsoft MakeCode, micro:bit CreateAI UI itself)"
+  },
+  "language-toast-title": {
+    "defaultMessage": "Language not fully supported",
+    "description": "Language support toast notification title"
+  },
   "learn-about-firewall-requirements-action": {
     "defaultMessage": "crwdns363066:0crwdne363066:0",
     "description": "Link to support article for firewall requirements"
diff --git a/lang/ui.nl.json b/lang/ui.nl.json
@@ -871,6 +871,14 @@
     "defaultMessage": "Taal",
     "description": "Language option text"
   },
+  "language-fully-supported-heading": {
+    "defaultMessage": "Fully-supported",
+    "description": "Fully-supported languages heading text"
+  },
+  "language-partially-supported-heading": {
+    "defaultMessage": "Partially-supported",
+    "description": "Partially-supported languages heading text"
+  },
   "language-support-checked": {
     "defaultMessage": "Supported",
     "description": "Aria label for ticked checkbox for language support"
diff --git a/lang/ui.pl.json b/lang/ui.pl.json
@@ -871,6 +871,14 @@
     "defaultMessage": "Język",
     "description": "Language option text"
   },
+  "language-fully-supported-heading": {
+    "defaultMessage": "Fully-supported",
+    "description": "Fully-supported languages heading text"
+  },
+  "language-partially-supported-heading": {
+    "defaultMessage": "Partially-supported",
+    "description": "Partially-supported languages heading text"
+  },
   "language-support-checked": {
     "defaultMessage": "Supported",
     "description": "Aria label for ticked checkbox for language support"
diff --git a/lang/ui.pt-br.json b/lang/ui.pt-br.json
@@ -871,6 +871,14 @@
     "defaultMessage": "Idioma",
     "description": "Language option text"
   },
+  "language-fully-supported-heading": {
+    "defaultMessage": "Fully-supported",
+    "description": "Fully-supported languages heading text"
+  },
+  "language-partially-supported-heading": {
+    "defaultMessage": "Partially-supported",
+    "description": "Partially-supported languages heading text"
+  },
   "language-support-checked": {
     "defaultMessage": "Supported",
     "description": "Aria label for ticked checkbox for language support"
diff --git a/lang/ui.zh-tw.json b/lang/ui.zh-tw.json
@@ -871,6 +871,14 @@
     "defaultMessage": "語言",
     "description": "Language option text"
   },
+  "language-fully-supported-heading": {
+    "defaultMessage": "Fully-supported",
+    "description": "Fully-supported languages heading text"
+  },
+  "language-partially-supported-heading": {
+    "defaultMessage": "Partially-supported",
+    "description": "Partially-supported languages heading text"
+  },
   "language-support-checked": {
     "defaultMessage": "Supported",
     "description": "Aria label for ticked checkbox for language support"
diff --git a/src/components/LanguageDialog.tsx b/src/components/LanguageDialog.tsx
@@ -66,7 +66,7 @@ export const LanguageDialog = ({
       isOpen={isOpen}
       onClose={onClose}
       size="4xl"
-      scrollBehavior="inside"
+      scrollBehavior="outside"
       finalFocusRef={finalFocusRef}
     >
       <ModalOverlay>
@@ -75,15 +75,47 @@ export const LanguageDialog = ({
             <FormattedMessage id="language" />
           </ModalHeader>
           <ModalBody>
-            <VStack spacing={8} width="100%">
+            <VStack spacing={3} width="100%">
+              <Text
+                as="h2"
+                fontSize="md"
+                fontWeight="bold"
+                textAlign="left"
+                width="100%"
+              >
+                <FormattedMessage id="language-fully-supported-heading" />
+              </Text>
+              <SimpleGrid width="100%" columns={[1, 2, 3]} spacing={4}>
+                {allLanguages
+                  .filter((l) => l.makeCode && l.ui)
+                  .map((language) => (
+                    <LanguageCard
+                      key={language.id}
+                      language={language}
+                      onChooseLanguage={handleChooseLanguage}
+                    />
+                  ))}
+              </SimpleGrid>
+              <Text
+                marginTop="1em"
+                as="h2"
+                fontSize="md"
+                fontWeight="bold"
+                textAlign="left"
+                width="100%"
+              >
+                <FormattedMessage id="language-partially-supported-heading" />
+              </Text>
               <SimpleGrid width="100%" columns={[1, 2, 3]} spacing={4}>
-                {allLanguages.map((language) => (
-                  <LanguageCard
-                    key={language.id}
-                    language={language}
-                    onChooseLanguage={handleChooseLanguage}
-                  />
-                ))}
+                {allLanguages
+                  .filter((l) => !(l.makeCode && l.ui))
+                  .map((language) => (
+                    <LanguageCard
+                      key={language.id}
+                      language={language}
+                      onChooseLanguage={handleChooseLanguage}
+                    />
+                  ))}
               </SimpleGrid>
             </VStack>
           </ModalBody>
diff --git a/src/messages/ui.ca.json b/src/messages/ui.ca.json
@@ -1519,6 +1519,18 @@
       "value": "Idioma"
     }
   ],
+  "language-fully-supported-heading": [
+    {
+      "type": 0,
+      "value": "Fully-supported"
+    }
+  ],
+  "language-partially-supported-heading": [
+    {
+      "type": 0,
+      "value": "Partially-supported"
+    }
+  ],
   "language-support-checked": [
     {
       "type": 0,
diff --git a/src/messages/ui.en.json b/src/messages/ui.en.json
@@ -1533,6 +1533,18 @@
       "value": "Language"
     }
   ],
+  "language-fully-supported-heading": [
+    {
+      "type": 0,
+      "value": "Fully-supported"
+    }
+  ],
+  "language-partially-supported-heading": [
+    {
+      "type": 0,
+      "value": "Partially-supported"
+    }
+  ],
   "language-support-checked": [
     {
       "type": 0,
diff --git a/src/messages/ui.es-es.json b/src/messages/ui.es-es.json
@@ -1533,6 +1533,18 @@
       "value": "Idioma"
     }
   ],
+  "language-fully-supported-heading": [
+    {
+      "type": 0,
+      "value": "Fully-supported"
+    }
+  ],
+  "language-partially-supported-heading": [
+    {
+      "type": 0,
+      "value": "Partially-supported"
+    }
+  ],
   "language-support-checked": [
     {
       "type": 0,
diff --git a/src/messages/ui.ja.json b/src/messages/ui.ja.json
@@ -1513,6 +1513,18 @@
       "value": "言語"
     }
   ],
+  "language-fully-supported-heading": [
+    {
+      "type": 0,
+      "value": "Fully-supported"
+    }
+  ],
+  "language-partially-supported-heading": [
+    {
+      "type": 0,
+      "value": "Partially-supported"
+    }
+  ],
   "language-support-checked": [
     {
       "type": 0,
diff --git a/src/messages/ui.ko.json b/src/messages/ui.ko.json
@@ -1521,6 +1521,18 @@
       "value": "언어 선택"
     }
   ],
+  "language-fully-supported-heading": [
+    {
+      "type": 0,
+      "value": "Fully-supported"
+    }
+  ],
+  "language-partially-supported-heading": [
+    {
+      "type": 0,
+      "value": "Partially-supported"
+    }
+  ],
   "language-support-checked": [
     {
       "type": 0,
diff --git a/src/messages/ui.lol.json b/src/messages/ui.lol.json
@@ -1427,6 +1427,42 @@
       "value": "crwdns363064:0crwdne363064:0"
     }
   ],
+  "language-fully-supported-heading": [
+    {
+      "type": 0,
+      "value": "Fully-supported"
+    }
+  ],
+  "language-partially-supported-heading": [
+    {
+      "type": 0,
+      "value": "Partially-supported"
+    }
+  ],
+  "language-support-checked": [
+    {
+      "type": 0,
+      "value": "Supported"
+    }
+  ],
+  "language-support-unchecked": [
+    {
+      "type": 0,
+      "value": "Unsupported"
+    }
+  ],
+  "language-supported-for": [
+    {
+      "type": 0,
+      "value": "Translations supported for:"
+    }
+  ],
+  "language-toast-title": [
+    {
+      "type": 0,
+      "value": "Language not fully supported"
+    }
+  ],
   "learn-about-firewall-requirements-action": [
     {
       "type": 0,
diff --git a/src/messages/ui.nl.json b/src/messages/ui.nl.json
@@ -1533,6 +1533,18 @@
       "value": "Taal"
     }
   ],
+  "language-fully-supported-heading": [
+    {
+      "type": 0,
+      "value": "Fully-supported"
+    }
+  ],
+  "language-partially-supported-heading": [
+    {
+      "type": 0,
+      "value": "Partially-supported"
+    }
+  ],
   "language-support-checked": [
     {
       "type": 0,
diff --git a/src/messages/ui.pl.json b/src/messages/ui.pl.json
diff --git a/src/messages/ui.pt-br.json b/src/messages/ui.pt-br.json
diff --git a/src/messages/ui.zh-tw.json b/src/messages/ui.zh-tw.json
