:art: format code

dashboard/src/components/studio/SelectLang.tsx

@@ -11,13 +11,26 @@ const onLangSearch = (value: string) => {
 	console.log("search:", value);
 };
 
-const Widget = () => {
+interface IWidgetSelectLang {
+	lang?: string;
+}
+const Widget = (prop: IWidgetSelectLang) => {
 	const intl = useIntl();
 
 	const data = [
 		{ value: "en", lable: intl.formatMessage({ id: "languages.en-US" }) },
-		{ value: "zh-Hans", lable: intl.formatMessage({ id: "languages.zh-Hans" }) },
-		{ value: "zh-Hant", lable: intl.formatMessage({ id: "languages.zh-Hant" }) },
+		{
+			value: "zh-Hans",
+			lable: intl.formatMessage({ id: "languages.zh-Hans" }),
+		},
+		{
+			value: "zh-Hant",
+			lable: intl.formatMessage({ id: "languages.zh-Hant" }),
+		},
+		{
+			value: "zh",
+			lable: intl.formatMessage({ id: "languages.zh" }),
+		},
 	];
 	const langOptions = data.map((d, id) => (
 		<Option key={id} value={d.value}>
@@ -31,8 +44,11 @@ const Widget = () => {
 			optionFilterProp="children"
 			onChange={onLangChange}
 			onSearch={onLangSearch}
+			value={prop.lang ? prop.lang : ""}
 			filterOption={(input, option) =>
-				(option!.children as unknown as string).toLowerCase().includes(input.toLowerCase())
+				(option!.children as unknown as string)
+					.toLowerCase()
+					.includes(input.toLowerCase())
 			}
 		>
 			{langOptions}