add readonly

dashboard/src/components/channel/ChannelTypeSelect.tsx

@@ -1,7 +1,11 @@
 import { useIntl } from "react-intl";
 import { ProFormSelect } from "@ant-design/pro-components";
 
-const ChannelTypeSelectWidget = () => {
+interface IWidget {
+  readonly?: boolean;
+}
+
+const ChannelTypeSelectWidget = ({ readonly }: IWidget) => {
   const intl = useIntl();
 
   const channelTypeOptions = [
@@ -32,6 +36,7 @@ const ChannelTypeSelectWidget = () => {
       initialValue="translation"
       width="xs"
       name="type"
+      readonly={readonly}
       allowClear={false}
       label={intl.formatMessage({ id: "channel.type" })}
       rules={[

dashboard/src/components/general/LangSelect.tsx

@@ -29,6 +29,7 @@ interface IWidget {
   disabled?: boolean;
   required?: boolean;
   name?: string;
+  readonly?: boolean;
 }
 const LangSelectWidget = ({
   width,
@@ -36,6 +37,7 @@ const LangSelectWidget = ({
   disabled = false,
   required = true,
   name = "lang",
+  readonly,
 }: IWidget) => {
   const intl = useIntl();
 
@@ -62,6 +64,7 @@ const LangSelectWidget = ({
       options={langOptions}
       width={width}
       name={name}
+      readonly={readonly}
       showSearch
       debounceTime={300}
       allowClear={false}

dashboard/src/components/studio/PublicitySelect.tsx

@@ -2,8 +2,9 @@ import { ProFormSelect } from "@ant-design/pro-components";
 import { useIntl } from "react-intl";
 interface IWidget {
   width?: number | "md" | "sm" | "xl" | "xs" | "lg";
+  readonly?: boolean;
 }
-const PublicitySelectWidget = ({ width }: IWidget) => {
+const PublicitySelectWidget = ({ width, readonly }: IWidget) => {
   const intl = useIntl();
 
   const options = [
@@ -29,6 +30,7 @@ const PublicitySelectWidget = ({ width }: IWidget) => {
   return (
     <ProFormSelect
       options={options}
+      readonly={readonly}
       width={width}
       name="status"
       allowClear={false}