Fix: display count on rule provider

src/components/Tag/style.scss

@@ -3,6 +3,7 @@
 .tag {
     display: flex;
     align-items: center;
+    justify-content: center;
     height: 24px;
     font-size: 12px;
     padding: 0 12px;

src/containers/Rules/Provider/index.tsx

@@ -16,7 +16,7 @@ export function Provider (props: ProvidersProps) {
     const { useTranslation, lang } = useI18n()
 
     const { provider } = props
-    const { t } = useTranslation('Proxies')
+    const { t } = useTranslation('Rules')
 
     const { visible, hide, show } = useVisible()
 
@@ -34,6 +34,7 @@ export function Provider (props: ProvidersProps) {
                     <span className="rule-provider-name">{ provider.name }</span>
                     <Tag>{ provider.vehicleType }</Tag>
                     <Tag className="rule-provider-behavior">{ provider.behavior }</Tag>
+                    <span className="rule-provider-update">{ `${t('ruleCount')}: ${provider.ruleCount}` }</span>
                 </div>
                 <div className="rule-provider-header-part">
                     {

src/containers/Rules/Provider/style.scss

@@ -29,7 +29,8 @@
 }
 
 .rule-provider-behavior {
-    margin-left: 12px;
+    width: 80px;
+    margin: 0 20px 0 12px;
     background-color: $color-primary-dark;
     color: #fff;
 }

src/i18n/en_US.ts

@@ -43,7 +43,8 @@ export default {
     Rules: {
         title: 'Rules',
         providerTitle: 'Providers',
-        providerUpdateTime: 'Last updated at'
+        providerUpdateTime: 'Last updated at',
+        ruleCount: 'Rule count'
     },
     Connections: {
         title: 'Connections',

src/i18n/zh_CN.ts

@@ -43,7 +43,8 @@ export default {
     Rules: {
         title: '规则',
         providerTitle: '规则集',
-        providerUpdateTime: '最后更新于'
+        providerUpdateTime: '最后更新于',
+        ruleCount: '规则条数'
     },
     Connections: {
         title: '连接',