feat: add option to hide custom remarks

Author: kastov

package-lock.json

@@ -46,7 +46,7 @@
     "@mantine/nprogress": "^7.17.3",
     "@monaco-editor/react": "^4.7.0",
     "@paralleldrive/cuid2": "2.2.2",
-    "@remnawave/backend-contract": "0.3.64",
+    "@remnawave/backend-contract": "0.3.66",
     "@stablelib/base64": "^2.0.1",
     "@stablelib/x25519": "^2.0.1",
     "@tabler/icons-react": "^3.31.0",

package.json

@@ -892,5 +892,12 @@
         "remove-button": "Remove button",
         "button-link": "Button Link",
         "button-text": "Button Text"
+    },
+    "subscription-tabs": {
+        "widget": {
+            "show-custom-remarks": "Show custom remarks",
+            "show-custom-remark-description-line-1": "Only for EXPIRED, LIMITED, DISABLED users.",
+            "show-custom-remark-description-line-2": "If this setting is disabled – EXPIRED, LIMITED, DISABLED users will recieve acutal host list, instead of custom remark below."
+        }
     }
 }

public/locales/en/remnawave.json

@@ -892,5 +892,12 @@
         "remove-button": "Remove button",
         "button-link": "Button Link",
         "button-text": "Button Text"
+    },
+    "subscription-tabs": {
+        "widget": {
+            "show-custom-remark-description-line-1": "Only for EXPIRED, LIMITED, DISABLED users.",
+            "show-custom-remark-description-line-2": "If this setting is disabled – EXPIRED, LIMITED, DISABLED users will recieve acutal host list, instead of custom remark below.",
+            "show-custom-remarks": "Show custom remarks"
+        }
     }
-}
+}

public/locales/fa/remnawave.json

@@ -892,5 +892,12 @@
         "remove-button": "Remove button",
         "button-link": "Button Link",
         "button-text": "Button Text"
+    },
+    "subscription-tabs": {
+        "widget": {
+            "show-custom-remark-description-line-1": "Только для EXPIRED, LIMITED, DISABLED пользователей.",
+            "show-custom-remark-description-line-2": "Если эта настройка отключена – EXPIRED, LIMITED, DISABLED пользователи получат актуальный список хостов, вместо кастомных примечаний ниже.",
+            "show-custom-remarks": "Отображать кастомное примечание"
+        }
     }
-}
+}

public/locales/ru/remnawave.json

@@ -80,7 +80,8 @@ export const SubscriptionSettingsWidget = (props: IProps) => {
                 limitedUsersRemarks: subscriptionSettings.limitedUsersRemarks,
                 disabledUsersRemarks: subscriptionSettings.disabledUsersRemarks,
                 serveJsonAtBaseSubscription: subscriptionSettings.serveJsonAtBaseSubscription,
-                addUsernameToBaseSubscription: subscriptionSettings.addUsernameToBaseSubscription
+                addUsernameToBaseSubscription: subscriptionSettings.addUsernameToBaseSubscription,
+                isShowCustomRemarks: subscriptionSettings.isShowCustomRemarks
             })
         }
     }, [subscriptionSettings])

src/widgets/dashboard/subscription-settings/settings/subscription-settings.widget.tsx

@@ -386,6 +386,40 @@ export const SubscriptionTabs = ({
                                 </Group>
                             </Card.Section>
 
+                            <Card.Section p="md" pt="xl" withBorder>
+                                <Grid>
+                                    <Grid.Col span={{ xs: 12, sm: 6 }}>
+                                        <Box mb="md">
+                                            <Checkbox
+                                                key={form.key('isShowCustomRemarks')}
+                                                label={t(
+                                                    'subscription-tabs.widget.show-custom-remarks'
+                                                )}
+                                                size="md"
+                                                {...form.getInputProps('isShowCustomRemarks', {
+                                                    type: 'checkbox'
+                                                })}
+                                            />
+                                            <Text
+                                                c="dimmed"
+                                                component="div"
+                                                ml={30}
+                                                pl={'0.4rem'}
+                                                size="sm"
+                                            >
+                                                {t(
+                                                    'subscription-tabs.widget.show-custom-remark-description-line-1'
+                                                )}
+                                                <br />
+                                                {t(
+                                                    'subscription-tabs.widget.show-custom-remark-description-line-2'
+                                                )}
+                                            </Text>
+                                        </Box>
+                                    </Grid.Col>
+                                </Grid>
+                            </Card.Section>
+
                             <Card.Section p="md" pt="xl">
                                 <Grid>
                                     <Grid.Col span={{ xs: 12, sm: 6, md: 4 }}>