chore: fix e2e tests and extract translations (#9)

e2e/pages/home-page.ts

@@ -0,0 +1,9 @@
+import { Page } from '@playwright/test';
+
+export class HomePage {
+  constructor(readonly page: Page) {}
+
+  async goto() {
+    await this.page.goto(`home`);
+  }
+}

e2e/pages/index.ts

@@ -0,0 +1 @@
+export * from './home-page';

e2e/specs/sample-test.spec.ts

@@ -0,0 +1,11 @@
+import test from '@playwright/test';
+import { HomePage } from '../pages';
+import { expect } from '@playwright/test';
+
+// This test is a sample E2E test. You can delete it.
+
+test('Sample test', async ({ page }) => {
+  const homePage = new HomePage(page);
+  await homePage.goto();
+  await expect(homePage.page.getByRole('link', { name: 'Home' })).toBeVisible();
+});

src/components/billing-status-summary.component.tsx

@@ -2,7 +2,6 @@ import React, { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import {
   CheckmarkOutlineIcon,
-  CloseFilledIcon,
   CloseOutlineIcon,
   ErrorState,
   useLayoutType,
@@ -158,7 +157,7 @@ const ExpandedRowContent = ({ rowId, rowIndex, parentTableRows }) => {
             {order.approved ? (
               <CheckmarkOutlineIcon className={styles.approvedIcon} />
             ) : (
-              <CloseFilledIcon className={styles.warningIcon} />
+              <CloseOutlineIcon className={styles.warningIcon} />
             )}
           </div>
           <div className={styles.nameSection}>{order.displayName}</div>

translations/am.json

@@ -1,24 +1,7 @@
 {
-  "casualGreeting": "hey",
-  "configSystem": "የማዋቀር ስርዓት",
-  "configSystemExplainer": "ከዚህ በታች የሚታየው ሰላምታ የሚመራው በማዋቀር ስርዓቱ ነው። የማዋቀር ባህሪያቱን ለመቀየር በአሳሹ ውስጥ ያለውን የስፓነር አዶ ጠቅ ያድርጉ የአስፈፃሚ መሳሪያዎች ፓነልን ለመሳብ። በመቀጠል በ <4>የፍለጋ ውቅረት</4> ግቤት ውስጥ <2>አብነት</2>ን ይተይቡ። ይህ ለዚህ ሞጁል ተዛማጅ የሆኑትን ብቻ ለማሳየት የማዋቀሪያ ባህሪያትን ማጣራት አለበት. በUI ውስጥ የሚንፀባረቁትን ለውጦች ለማየት የእነዚህን ንብረቶች እሴቶች መለወጥ እና <6>አስቀምጥ</6>ን ጠቅ ማድረግ ይችላሉ",
-  "connect": "ተገናኝ",
-  "connectExplainer": "ከማህበረሰቡ ጋር ይገናኙ",
-  "dataFetching": "ውሂብ ማምጣት",
-  "designDocs": "የንድፍ መመሪያ",
-  "designDocsExplainer": "የ O3 ንድፍ ሰነድ ያንብቡ",
-  "explainer": "የሚከተሉት ምሳሌዎች የ O3 ማዕቀፍ አንዳንድ ቁልፍ ባህሪያትን ያሳያሉ",
-  "extensionExplainer": "አንዳንድ ባለቀለም ሳጥኖች እዚህ አሉ። በአንድ ማስገቢያ ውስጥ እንደ ቅጥያ ስለተያያዙ፣ አስተዳዳሪው ውቅረትን ተጠቅሞ የሚታዩትን ሳጥኖች መለወጥ ይችላል። እነዚህ ሳጥኖች በዚህ ሞጁል ውስጥ ይገለጻሉ, ነገር ግን በተለየ ሞጁል ውስጥ ቢሆኑም እንኳ ከዚህ ማስገቢያ ጋር ማያያዝ ይችላሉ",
-  "extensionSystem": "የኤክስቴንሽን ስርዓት",
-  "formalGreeting": "ሀሎ",
-  "frontendDocs": "የፊት-መጨረሻ መመሪያ",
-  "getPatient": "የተሰየመ ታካሚ ያግኙ",
-  "getStarted": "እንጀምር",
-  "getStartedExplainer": "ከዚህ አብነት የፊት ለፊት ሞጁል ይፍጠሩ",
-  "learnExplainer": "የ O3 ማዕቀፍን እንዴት መጠቀም እንደሚችሉ ይወቁ",
-  "loading": "በመጫን ላይ",
-  "patientGetterExplainer": "በሽተኛውን ከኤፒአይ ለማውጣት ከታች ያለውን አዝራር ጠቅ ያድርጉ",
-  "resources": "መርጃዎች",
-  "usefulLinks": "ከዚህ በታች ወደ ጠቃሚ ሀብቶች አንዳንድ አገናኞች አሉ",
-  "welcomeText": "ወደ O3 አብነት መተግበሪያ እንኳን በደህና መጡ"
-}
+  "billingDetails": "የክፍያ ዝርዝሮች",
+  "billingStatus": "የክፍያ ሁኔታ",
+  "date": "ቀን",
+  "orderBillingStatuses": "የትዕዛዝ ክፍያ ሁኔታዎች",
+  "status": "ሁኔታ"
+}

translations/en.json

@@ -1,24 +1,7 @@
 {
-  "casualGreeting": "hey",
-  "configSystem": "Configuration system",
-  "configSystemExplainer": "The greeting shown below is driven by the configuration system. To change the configuration properties, click the spanner icon in the navbar to pull up the Implementer Tools panel. Then, type <2>template</2> into the <4>Search configuration</4> input. This should filter the configuration properties to show only those that are relevant to this module. You can change the values of these properties and click <6>Save</6> to see the changes reflected in the UI",
-  "connect": "Connect",
-  "connectExplainer": "Get in touch with the community",
-  "dataFetching": "Data fetching",
-  "designDocs": "Design docs",
-  "designDocsExplainer": "Read the O3 design documentation",
-  "explainer": "The following examples demonstrate some key features of the O3 framework",
-  "extensionExplainer": "Here are some colored boxes. Because they are attached as extensions within a slot, an admin can change what boxes are shown using configuration. These boxes happen to be defined in this module, but they could attach to this slot even if they were in a different module",
-  "extensionSystem": "Extension system",
-  "formalGreeting": "hello",
-  "frontendDocs": "Frontend docs",
-  "getPatient": "Get a patient named",
-  "getStarted": "Get started",
-  "getStartedExplainer": "Create a frontend module from this template",
-  "learnExplainer": "Learn how to use the O3 framework",
-  "loading": "Loading",
-  "patientGetterExplainer": "Try clicking the button below to fetch a patient from the backend",
-  "resources": "Resources",
-  "usefulLinks": "Below are some links to useful resources",
-  "welcomeText": "Welcome to the O3 Template app"
+  "billingDetails": "Billing Details",
+  "billingStatus": "Billing Status",
+  "date": "Date",
+  "orderBillingStatuses": "Order Billing Statuses",
+  "status": "Status"
 }

translations/es.json

@@ -1,24 +1,7 @@
 {
-  "casualGreeting": "hey",
-  "configSystem": "Sistema de configuración",
-  "configSystemExplainer": "El saludo que se muestra a continuación es impulsado por el sistema de configuración. Para cambiar las propiedades de configuración, haga clic en el icono de llave inglesa en la barra de navegación para abrir el panel Herramientas del implementador. Luego, escriba <2>plantilla</2> en la entrada <4>Configuración de búsqueda</4>. Esto debería filtrar las propiedades de configuración para mostrar solo aquellas que son relevantes para este módulo. Puede cambiar los valores de estas propiedades y hacer clic en <6>Guardar</6> para ver los cambios reflejados en la interfaz de usuario",
-  "connect": "Conectar",
-  "connectExplainer": "Póngase en contacto con la comunidad",
-  "dataFetching": "Obtención de datos",
-  "designDocs": "Documentación de diseño",
-  "designDocsExplainer": "Lea la documentación de diseño de O3",
-  "explainer": "Los siguientes ejemplos demuestran algunas características clave del marco O3",
-  "extensionExplainer": "Aquí hay algunos cuadros de colores. Debido a que se adjuntan como extensiones dentro de una ranura, un administrador puede cambiar los cuadros que se muestran mediante la configuración. Estos cuadros están definidos en este módulo, pero podrían adjuntarse a esta ranura incluso si estuvieran en un módulo diferente",
-  "extensionSystem": "Sistema de extensión",
-  "formalGreeting": "Hola",
-  "frontendDocs": "Documentación de interfaz",
-  "getPatient": "Consigue una paciente llamada",
-  "getStarted": "Comenzar",
-  "getStartedExplainer": "Cree un módulo frontend a partir de esta plantilla",
-  "learnExplainer": "Aprenda a usar el marco O3.",
-  "loading": "Cargando",
-  "patientGetterExplainer": "Intente hacer clic en el botón a continuación para buscar un paciente desde el backend",
-  "resources": "Recursos",
-  "usefulLinks": "A continuación hay algunos enlaces a recursos útiles",
-  "welcomeText": "Bienvenido a la aplicación Plantilla O3"
-}
+  "billingDetails": "Detalles de facturación",
+  "billingStatus": "Estado de facturación",
+  "date": "Fecha",
+  "orderBillingStatuses": "Estados de facturación de pedidos",
+  "status": "Estado"
+}

translations/fr.json

@@ -1,24 +1,7 @@
 {
-  "casualGreeting": "hey",
-  "configSystem": "Système de configuration",
-  "configSystemExplainer": "Le message d'accueil affiché ci-dessous est piloté par le système de configuration. Pour modifier les propriétés de configuration, cliquez sur l'icône de clé dans la barre de navigation pour afficher le panneau Outils de mise en œuvre. Saisissez ensuite <2>modèle</2> dans l'entrée <4>Configuration de la recherche</4>. Cela devrait filtrer les propriétés de configuration pour afficher uniquement celles qui sont pertinentes pour ce module. Vous pouvez modifier les valeurs de ces propriétés et cliquer sur <6>Enregistrer</6> pour voir les modifications reflétées dans l'interface utilisateur",
-  "connect": "Connecter",
-  "connectExplainer": "Entrez en contact avec la communauté",
-  "dataFetching": "Récupération de données",
-  "designDocs": "Documents de conception",
-  "designDocsExplainer": "Lisez la documentation de conception O3",
-  "explainer": "Les exemples suivants illustrent certaines fonctionnalités clés du cadre O3",
-  "extensionExplainer": "Voici quelques cases colorées. Parce qu'ils sont attachés en tant qu'extensions dans un emplacement, un administrateur peut modifier les cases affichées à l'aide de la configuration. Il se trouve que ces boîtes sont définies dans ce module, mais elles pourraient être attachées à cet emplacement même si elles se trouvaient dans un module différent",
-  "extensionSystem": "Système d'extension",
-  "formalGreeting": "bonjour",
-  "frontendDocs": "Documentation frontale",
-  "getPatient": "Obtenez un patient nommé",
-  "getStarted": "Commencer",
-  "getStartedExplainer": "Créer une interface à partir de ce modèle",
-  "learnExplainer": "Apprendre à utiliser le framework O3",
-  "loading": "Chargement",
-  "patientGetterExplainer": "Essayez de cliquer sur le bouton ci-dessous pour récupérer un patient depuis le backend",
-  "resources": "Ressources",
-  "usefulLinks": "Ci-dessous quelques liens vers des ressources utiles",
-  "welcomeText": "Bienvenue dans l'application O3 Template"
+  "billingDetails": "Billing Details",
+  "billingStatus": "Billing Status",
+  "date": "Date",
+  "orderBillingStatuses": "Order Billing Statuses",
+  "status": "Status"
 }

translations/he.json

@@ -1,24 +1,7 @@
 {
-  "casualGreeting": "hey",
-  "configSystem": "מערכת התצורה",
-  "configSystemExplainer": "הברכה המוצגת להלן מונעת על ידי מערכת התצורה. כדי לשנות את מאפייני התצורה, לחץ על סמל מפתח הברגים בסרגל הניווט כדי למשוך את החלונית Implementer Tools. לאחר מכן, הקלד <2>תבנית</2> בקלט <4>תצורת חיפוש</4>. זה אמור לסנן את מאפייני התצורה כדי להציג רק את אלו הרלוונטיים למודול זה. אתה יכול לשנות את הערכים של מאפיינים אלה וללחוץ על <6>שמור</6> כדי לראות את השינויים המשתקפים בממשק המשתמש",
-  "connect": "לְחַבֵּר",
-  "connectExplainer": "צור קשר עם הקהילה",
-  "dataFetching": "איסוף נתונים",
-  "designDocs": "תיעוד עיצוב",
-  "designDocsExplainer": "קרא את תיעוד התכנון של O3",
-  "explainer": "הדוגמאות הבאות מדגימות כמה תכונות מפתח של מסגרת O3",
-  "extensionExplainer": "הנה כמה קופסאות צבעוניות. מכיוון שהם מחוברים כהרחבות בתוך חריץ, מנהל מערכת יכול לשנות אילו תיבות יוצגו באמצעות תצורה. התיבות האלה מוגדרות במקרה במודול הזה, אבל הן יכולות להכנס למשבצת הזו גם אם הן היו במודול אחר",
-  "extensionSystem": "מערכת ההרחבה",
-  "formalGreeting": "שלום",
-  "frontendDocs": "תיעוד חזיתי",
-  "getPatient": "קח מטופל בשם",
-  "getStarted": "להתחיל",
-  "getStartedExplainer": "צור מודול מתבנית זו",
-  "learnExplainer": "למד כיצד להשתמש במסגרת O3",
-  "loading": "טוען",
-  "patientGetterExplainer": "נסה ללחוץ על הכפתור למטה כדי להביא מטופל מאחור",
-  "resources": "משאבים נוספים",
-  "usefulLinks": "להלן כמה קישורים למשאבים שימושיים",
-  "welcomeText": "ברוכים הבאים לאפליקציית O3 Template"
-}
+  "billingDetails": "פרטי חיוב",
+  "billingStatus": "מצב חיוב",
+  "date": "תאריך",
+  "orderBillingStatuses": "סטטוס חיוב הזמנות",
+  "status": "סטטוס"
+}

translations/km.json

@@ -1,24 +1,7 @@
 {
-  "casualGreeting": "hey",
-  "configSystem": "ប្រព័ន្ធកំណត់រចនាសម្ព័ន្ធ",
-  "configSystemExplainer": "ការស្វាគមន៍ដែលបង្ហាញខាងក្រោមត្រូវបានជំរុញដោយប្រព័ន្ធកំណត់រចនាសម្ព័ន្ធ។ ដើម្បីផ្លាស់ប្តូរលក្ខណសម្បត្តិនៃការកំណត់រចនាសម្ព័ន្ធ សូមចុចរូបតំណាង spanner នៅក្នុងរបាររុករក ដើម្បីទាញបន្ទះឧបករណ៍អនុវត្ត។ បន្ទាប់មក វាយ <2>ពុម្ព</2> ទៅក្នុងធាតុបញ្ចូល <4>ការស្វែងរក</4>។ វាគួរត្រងលក្ខណសម្បត្តិនៃការកំណត់រចនាសម្ព័ន្ធ ដើម្បីបង្ហាញតែអ្វីដែលពាក់ព័ន្ធទៅនឹងម៉ូឌុលនេះប៉ុណ្ណោះ។ អ្នកអាចផ្លាស់ប្តូរតម្លៃនៃលក្ខណៈសម្បត្តិទាំងនេះ ហើយចុច <6>រក្សាទុក</6> ដើម្បីមើលការផ្លាស់ប្តូរដែលឆ្លុះបញ្ចាំងនៅក្នុង UI",
-  "connect": "ភ្ជាប់",
-  "connectExplainer": "ទាក់ទងជាមួយសហគមន៍",
-  "dataFetching": "ការទាញយកទិន្នន័យ",
-  "designDocs": "ឯកសាររចនា",
-  "designDocsExplainer": "អានឯកសាររចនា O3",
-  "explainer": "ឧទាហរណ៍ខាងក្រោមបង្ហាញពីលក្ខណៈសំខាន់ៗមួយចំនួននៃក្របខ័ណ្ឌ O3",
-  "extensionExplainer": "នេះគឺជាប្រអប់ពណ៌មួយចំនួន។ ដោយសារតែពួកវាត្រូវបានភ្ជាប់ជាផ្នែកបន្ថែមនៅក្នុងរន្ធដោត អ្នកគ្រប់គ្រងអាចផ្លាស់ប្តូរអ្វីដែលប្រអប់ត្រូវបានបង្ហាញដោយប្រើការកំណត់។ ប្រអប់ទាំងនេះត្រូវបានកំណត់នៅក្នុងម៉ូឌុលនេះ ប៉ុន្តែពួកវាអាចភ្ជាប់ជាមួយរន្ធដោតនេះ ទោះបីជាពួកគេស្ថិតនៅក្នុងម៉ូឌុលផ្សេងក៏ដោយ។",
-  "extensionSystem": "ប្រព័ន្ធបន្ថែម",
-  "formalGreeting": "សួស្តី",
-  "frontendDocs": "Frontend docs",
-  "getPatient": "យកអ្នកជំងឺឈ្មោះ",
-  "getStarted": "ការចាប់ផ្តើម",
-  "getStartedExplainer": "បង្កើតម៉ូឌុលផ្នែកខាងមុខពីគំរូនេះ។",
-  "learnExplainer": "រៀនពីរបៀបប្រើ O3 framework",
-  "loading": "កំពុងផ្ទុក",
-  "patientGetterExplainer": "ព្យាយាមចុចប៊ូតុងខាងក្រោមដើម្បីទាញយកអ្នកជំងឺពី API",
-  "resources": "ធនធាន",
-  "usefulLinks": "ខាងក្រោមនេះគឺជាតំណភ្ជាប់មួយចំនួនទៅកាន់ធនធានដែលមានប្រយោជន៍",
-  "welcomeText": "សូមស្វាគមន៍មកកាន់កម្មវិធីគំរូ O3"
-}
+  "billingDetails": "ព័ត៌មានលម្អិតនៃការទូទាត់",
+  "billingStatus": "ស្ថានភាពនៃការទូទាត់",
+  "date": "កាលបរិច្ឆេទ",
+  "orderBillingStatuses": "ស្ថានភាពនៃការទូទាត់ការបញ្ជាទិញ",
+  "status": "ស្ថានភាព"
+}