:globe_with_meridians: buttons.select.channel

dashboard/src/components/channel/ChannelAlert.tsx

@@ -23,7 +23,13 @@ const ChannelAlertWidget = ({ channels, onChannelChange }: IWidget) => {
       closable
       action={
         <ChannelPicker
-          trigger={<Button type="primary">选择版本</Button>}
+          trigger={
+            <Button type="primary">
+              {intl.formatMessage({
+                id: "buttons.select.channel",
+              })}
+            </Button>
+          }
           defaultOwner="my"
           onSelect={(channels: IChannel[]) => {
             if (typeof onChannelChange !== "undefined") {

dashboard/src/components/channel/ChannelPicker.tsx

@@ -1,9 +1,10 @@
 import React, { useEffect, useState } from "react";
-import { Button, Modal } from "antd";
+import { Modal } from "antd";
 
 import ChannelPickerTable from "./ChannelPickerTable";
 import { IChannel } from "./Channel";
 import { ArticleType } from "../article/Article";
+import { useIntl } from "react-intl";
 
 interface IWidget {
   trigger?: React.ReactNode;
@@ -26,6 +27,7 @@ const ChannelPickerWidget = ({
   onSelect,
 }: IWidget) => {
   const [isModalOpen, setIsModalOpen] = useState(open);
+  const intl = useIntl();
 
   useEffect(() => {
     setIsModalOpen(open);
@@ -54,7 +56,9 @@ const ChannelPickerWidget = ({
       <Modal
         width={"80%"}
         style={{ maxWidth: 600 }}
-        title="选择版本风格"
+        title={intl.formatMessage({
+          id: "buttons.select.channel",
+        })}
         footer={false}
         open={isModalOpen}
         onOk={handleOk}

dashboard/src/components/channel/ChannelTableModal.tsx

@@ -7,6 +7,7 @@ import { useAppSelector } from "../../hooks";
 import { currentUser as _currentUser } from "../../reducers/current-user";
 import { IChannel } from "./Channel";
 import { TChannelType } from "../api/Channel";
+import { useIntl } from "react-intl";
 
 interface IWidget {
   trigger?: React.ReactNode;
@@ -31,6 +32,7 @@ const ChannelTableModalWidget = ({
   onSelect,
 }: IWidget) => {
   const [isModalOpen, setIsModalOpen] = useState(open);
+  const intl = useIntl();
   const user = useAppSelector(_currentUser);
 
   useEffect(() => {
@@ -59,7 +61,9 @@ const ChannelTableModalWidget = ({
       <span onClick={showModal}>{trigger}</span>
       <Modal
         width={"90%"}
-        title="选择版本风格"
+        title={intl.formatMessage({
+          id: "buttons.select.channel",
+        })}
         footer={false}
         open={isModalOpen}
         onOk={handleOk}