Theme: remove overwriteStyles switch

Author: raheeliftikhar5

client/packages/lowcoder/src/pages/setting/theme/detail/index.tsx

@@ -76,7 +76,6 @@ type LocationProp = {
   name: string;
   id: string;
   type: DETAIL_TYPE;
-  overwriteStyles?: boolean;
 };
 
 type ThemeDetailPageProps = {
@@ -99,15 +98,14 @@ type ThemeDetailPageState = {
 
 class ThemeDetailPage extends React.Component<ThemeDetailPageProps, ThemeDetailPageState> {
   themeDefault: ThemeDetail;
-  overwriteStyles: boolean;
   readonly id: string;
   readonly type: string;
   readonly inputRef: React.RefObject<InputRef>;
   footerRef = React.createRef<HTMLDivElement>();
 
   constructor(props: ThemeDetailPageProps) {
     super(props);
-    const { name, id, theme, type, overwriteStyles } = props.location.state || {};
+    const { name, id, theme, type } = props.location.state || {};
     if (!name || !id || !theme || !type) {
       history.replace(BASE_URL);
       window.location.reload();
@@ -124,7 +122,6 @@ class ThemeDetailPage extends React.Component<ThemeDetailPageProps, ThemeDetailP
 
     this.id = id;
     this.type = type;
-    this.overwriteStyles = Boolean(overwriteStyles);
     this.state = {
       theme,
       name,
@@ -138,36 +135,6 @@ class ThemeDetailPage extends React.Component<ThemeDetailPageProps, ThemeDetailP
     this.setState({ theme: this.themeDefault });
   }
 
-  handleOverwriteStyles(overwriteStyles: boolean) {
-    this.props.fetchCommonSettings(this.props.orgId, ({ themeList }) => {
-      let list = [];
-      const currentTheme = {
-        name: this.state.name,
-        id: this.id,
-        updateTime: new Date().getTime(),
-        theme: this.themeDefault,
-        overwriteStyles: overwriteStyles,
-      };
-      list = themeList!.map((theme) => {
-        if (theme.id === this.id) {
-          return currentTheme;
-        } else {
-          return theme;
-        }
-      });
-
-      this.props.setCommonSettings({
-        orgId: this.props.orgId,
-        data: { key: "themeList", value: list },
-        onSuccess: () => {
-          messageInstance.success(trans("theme.saveSuccessMsg"));
-          this.themeDefault = this.state.theme;
-          this.overwriteStyles = overwriteStyles;
-        },
-      });
-    });
-  }
-
   handleSave() {
     this.props.fetchCommonSettings(this.props.orgId, ({ themeList }) => {
       let list = [];
@@ -376,15 +343,6 @@ class ThemeDetailPage extends React.Component<ThemeDetailPageProps, ThemeDetailP
               <ArrowIcon />
               <span>{this.state.name}</span>
             </HeaderBack>
-            <Flex gap={8}>
-              <b style={{margin: 0}}>
-                Overwrite styles
-              </b>
-              <Switch defaultValue={this.overwriteStyles} onChange={() => {
-                console.log('change');
-                this.handleOverwriteStyles(!this.overwriteStyles)
-              }}/>
-            </Flex>
           </Header>
 
           <DetailContent>
@@ -586,7 +544,7 @@ class ThemeDetailPage extends React.Component<ThemeDetailPageProps, ThemeDetailP
               </Card>
             </ThemeSettingsView>
 
-            {/* <ThemeSettingsView>
+            <ThemeSettingsView>
               <StyleThemeSettingsCover>
                 <ChartCompIcon width={"36px"} style={{marginRight : "10px"}}/> <h2 style={{color: "#ffffff", marginTop : "8px"}}> {trans("theme.charts")}</h2>
               </StyleThemeSettingsCover>
@@ -618,7 +576,7 @@ class ThemeDetailPage extends React.Component<ThemeDetailPageProps, ThemeDetailP
                   <PreviewApp style={{ height: "380px", width: "100%", margin: "0" }} theme={this.state.theme} dsl={chartDsl} />
                 </Flex>
               </Card>
-            </ThemeSettingsView> */}
+            </ThemeSettingsView>
 
           </DetailContent>