Fix commented issues

src/collections/components/CollectionDetailsPage/CollectionDetailsPage.tsx

@@ -148,7 +148,6 @@ const CollectionDetailsPage: React.StatelessComponent<
                     }
                   )}
                 >
-                  <>
                   <FormSpacer />
                   <Hr />
                   <ControlledCheckbox
@@ -161,7 +160,6 @@ const CollectionDetailsPage: React.StatelessComponent<
                     onChange={change}
                     disabled={disabled}
                   />
-                  </>
                 </VisibilityCard>
               </div>
             </div>

src/components/RadioGroupField/RadioGroupField.tsx

@@ -23,18 +23,16 @@ const styles = createStyles({
     "& > span": {
       padding: "6px"
     }
-  },
-  secondLabel: {
-    display: "block",
-    fontSize: "12px"
   }
 });
 
-interface RadioGroupFieldProps {
+interface RadioGroupFieldChoice {
-  choices: Array<{
   value: string;
   label: React.ReactNode;
-  }>;
+}
+
+interface RadioGroupFieldProps {
+  choices: RadioGroupFieldChoice[];
   className?: string;
   disabled?: boolean;
   error?: boolean;

src/components/RadioSwitchField/RadioSwitchField.tsx

@@ -51,13 +51,13 @@ export const RadioSwitchField = withStyles(styles, {
     secondOptionLabel,
     value
   }: RadioSwitchFieldProps & WithStyles<typeof styles>) => {
-    const initialValue = value ? "visible" : "hidden";
+    const initialValue = value ? "true" : "false";
 
     const change = event => {
       onChange({
         target: {
           name: event.target.name,
-          value: event.target.value === "visible" ? true : false
+          value: event.target.value === "true" ? true : false
         }
       } as any);
     };
@@ -75,14 +75,14 @@ export const RadioSwitchField = withStyles(styles, {
           onChange={event => change(event)}
         >
           <FormControlLabel
-            value="visible"
+            value="true"
             className={classes.radioLabel}
             control={<Radio color="primary" />}
             label={firstOptionLabel}
             name={name}
           />
           <FormControlLabel
-            value="hidden"
+            value="false"
             className={classes.radioLabel}
             control={<Radio color="primary" />}
             label={secondOptionLabel}

src/configuration/ConfigurationPage.tsx

@@ -19,14 +19,16 @@ import PageHeader from "../components/PageHeader";
 import { PermissionEnum } from "../types/globalTypes";
 
 export interface MenuItem {
-  label: string;
-  menuItems: Array<{
   description: string;
   icon: React.ReactElement<IconProps>;
   permission: PermissionEnum;
   title: string;
   url?: string;
-  }>;
+}
+
+export interface MenuSection {
+  label: string;
+  menuItems: MenuItem[];
 }
 
 const styles = (theme: Theme) =>
@@ -87,7 +89,7 @@ const styles = (theme: Theme) =>
   });
 
 export interface ConfigurationPageProps {
-  menu: MenuItem[];
+  menu: MenuSection[];
   user: User;
   onSectionClick: (sectionName: string) => void;
 }

src/configuration/index.tsx

@@ -25,9 +25,9 @@ import { siteSettingsUrl } from "@saleor/siteSettings/urls";
 import { staffListUrl } from "@saleor/staff/urls";
 import { taxSection } from "@saleor/taxes/urls";
 import { PermissionEnum } from "@saleor/types/globalTypes";
-import ConfigurationPage, { MenuItem } from "./ConfigurationPage";
+import ConfigurationPage, { MenuSection } from "./ConfigurationPage";
 
-export function createConfigurationMenu(intl: IntlShape): MenuItem[] {
+export function createConfigurationMenu(intl: IntlShape): MenuSection[] {
   return [
     {
       label: intl.formatMessage({

src/productTypes/components/ProductTypeListPage/ProductTypeListPage.tsx

@@ -1,5 +1,4 @@
 import Button from "@material-ui/core/Button";
-
 import React from "react";
 import { FormattedMessage, useIntl } from "react-intl";