Localize channel statuses

ZeusLN · kaloudis · Jan 9, 2025 · Jan 10, 2025 · Jan 10, 2025 · Jan 10, 2025
commit db7d78572d386ccf46dda990266c8b390c6bbd08
diff --git a/components/Channels/Tag.tsx b/components/Channels/Tag.tsx
@@ -7,8 +7,7 @@ import { ExpirationStatus, Status } from '../../views/Channels/ChannelsPane';
 import { themeColor } from '../../utils/ThemeUtils';
 
 export function Tag({ status }: { status: Status | ExpirationStatus }) {
-    // Garish colors to let you know you fucked up
-    const colors = { background: 'pink', dot: 'blue' };
+    const colors = { background: '', dot: '' };
 
     // TODO: should all these colors be in the theme?
     switch (status) {
@@ -33,11 +32,9 @@ export function Tag({ status }: { status: Status | ExpirationStatus }) {
             break;
         case ExpirationStatus.Expiring:
             colors.background = themeColor('warning');
-            colors.dot = '#E5E5E5';
             break;
         case ExpirationStatus.Expired:
             colors.background = themeColor('error');
-            colors.dot = '#E5E5E5';
             break;
     }
 
@@ -54,16 +51,17 @@ export function Tag({ status }: { status: Status | ExpirationStatus }) {
             }}
         >
             <Row>
-                <View
-                    style={{
-                        width: 6,
-                        height: 6,
-                        borderRadius: 6,
-                        backgroundColor: colors.dot
-                    }}
-                />
-                <Spacer width={6} />
-                {/* TODO: localize */}
+                {colors.dot && (
+                    <View
+                        style={{
+                            width: 6,
+                            height: 6,
+                            borderRadius: 6,
+                            backgroundColor: colors.dot
+                        }}
+                    />
+                )}
+                {colors.dot && <Spacer width={6} />}
                 <Body colorOverride="white" small>
                     {status}
                 </Body>

diff --git a/locales/en.json b/locales/en.json
@@ -129,6 +129,14 @@
     "general.defaultNodeNickname": "My Lightning Node",
     "general.active": "Active",
     "general.retry": "Retry",
+    "channel.status.good": "Good",
+    "channel.status.stable": "Stable",
+    "channel.status.unstable": "Unstable",
+    "channel.status.offline": "Offline",
+    "channel.status.opening": "Opening",
+    "channel.status.closing": "Closing",
+    "channel.expirationStatus.expiring": "Expiring soon",
+    "channel.expirationStatus.expired": "Expired",
     "restart.title": "Restart required",
     "restart.msg": "ZEUS has to be restarted before the new configuration is applied.",
     "restart.msg1": "Would you like to restart now?",

diff --git a/views/Channels/ChannelsPane.tsx b/views/Channels/ChannelsPane.tsx
@@ -43,17 +43,17 @@ import Channel from '../../models/Channel';
 
 // TODO: does this belong in the model? Or can it be computed from the model?
 export enum Status {
-    Good = 'Good',
-    Stable = 'Stable',
-    Unstable = 'Unstable',
-    Offline = 'Offline',
-    Opening = 'Opening',
-    Closing = 'Closing'
+    Good = localeString('channel.status.good'),
+    Stable = localeString('channel.status.stable'),
+    Unstable = localeString('channel.status.unstable'),
+    Offline = localeString('channel.status.offline'),
+    Opening = localeString('channel.status.opening'),
+    Closing = localeString('channel.status.closing')
 }
 
 export enum ExpirationStatus {
-    Expiring = 'Expiring soon',
-    Expired = 'Expired'
+    Expiring = localeString('channel.expirationStatus.expiring'),
+    Expired = localeString('channel.expirationStatus.expired')
 }
 
 interface ChannelsProps {