Prettier

Author: Jillian Inapurapu

portal-ui/src/screens/Console/Common/VerticalTabs/VerticalTabs.tsx

@@ -126,7 +126,7 @@ const VerticalTabs = ({
   const handleChange = (event: React.SyntheticEvent, newValue: string) => {
     setValue(newValue);
     dispatch(setHelpTabName(newValue));
-    dispatch(setHelpMenuType("0"))
+    dispatch(setHelpMenuType("0"));
   };
 
   return (

portal-ui/src/screens/Console/Configurations/ConfigurationPanels/ConfigurationOptions.tsx

@@ -67,28 +67,25 @@ const getRoutePath = (path: string) => {
 
 const ConfigurationOptions = ({ classes }: IConfigurationOptions) => {
   const { pathname = "" } = useLocation();
-  const systemHelpName = useSelector ((state: AppState) => state.system.helpName
+  const systemHelpName = useSelector(
+    (state: AppState) => state.system.helpName
   );
-  const systemHelpTabName = useSelector ((state: AppState) => state.system.helpTabName
+  const systemHelpTabName = useSelector(
+    (state: AppState) => state.system.helpTabName
   );
 
   let selConfigTab = pathname.substring(pathname.lastIndexOf("/") + 1);
   selConfigTab = selConfigTab === "settings" ? "region" : selConfigTab;
   const dispatch = useAppDispatch();
   useEffect(() => {
     dispatch(setHelpName("settings_details"));
-    dispatch(setHelpTabName(selConfigTab))
+    dispatch(setHelpTabName(selConfigTab));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   return (
     <Fragment>
-      <PageHeaderWrapper
-        label={"Settings"}
-        actions={<HelpMenu  />}
-      />
-<h3>helpName: {systemHelpName}</h3>
-<h3>helpTabName: {systemHelpTabName}</h3>
+      <PageHeaderWrapper label={"Settings"} actions={<HelpMenu />} />
       <PageLayout>
         <Grid item xs={12}>
           <div

portal-ui/src/screens/Console/HelpMenu.tsx

@@ -87,7 +87,6 @@ const HelpMenu = ({ classes }: IHelpMenuProps) => {
 
   const wrapperRef = useRef(null);
   useOutsideAlerter(wrapperRef);
-  
 
   useEffect(() => {
     assignHelpItems(systemHelpName);
@@ -183,7 +182,6 @@ const HelpMenu = ({ classes }: IHelpMenuProps) => {
                 <Tabs
                   value={parseInt(helpMenuType)}
                   onChange={(e: React.ChangeEvent<{}>, newValue: number) => {
-                    console.log("Do the thing! newValue.tostring(): ",newValue.toString(), ' helpmenutype: ', helpMenuType)
                     dispatch(setHelpMenuType(newValue.toString()));
                   }}
                   indicatorColor="primary"

portal-ui/src/screens/Console/helpTopics.json

@@ -98,7 +98,7 @@
   "settings_detailsregion": {
     "docs": [
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Creating a New Bucket in a Specific Region](https://min.io/docs/minio/linux/reference/minio-mc/mc-mb.html#create-a-new-bucket-in-a-specific-region)",
-    "https://min.io/resources/img/logo/MINIO_wordmark.png[What are Settings and Configurations?](https://min.io/docs/minio/windows/administration/console/managing-deployment.html#minio-console-settings)",
+      "https://min.io/resources/img/logo/MINIO_wordmark.png[What are Settings and Configurations?](https://min.io/docs/minio/windows/administration/console/managing-deployment.html#minio-console-settings)",
       "https://blog.min.io/content/images/size/w1000/2020/12/pay_banner-01-01-01-01-01.png[Troubleshooting](https://min.io/docs/minio/linux/operations/troubleshooting.html)  \n Need more help?  \nCheck out additional Troubleshooting options"
     ],
     "video": [],
@@ -110,7 +110,7 @@
     "docs": [
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Creating a New Bucket in a Specific Region](https://min.io/docs/minio/linux/reference/minio-mc/mc-mb.html#create-a-new-bucket-in-a-specific-region)",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[What are Settings and Configurations?](https://min.io/docs/minio/windows/administration/console/managing-deployment.html#minio-console-settings)",
-    
+
       "https://blog.min.io/content/images/size/w1000/2020/12/pay_banner-01-01-01-01-01.png[Troubleshooting](https://min.io/docs/minio/linux/operations/troubleshooting.html)  \n Need more help?  \nCheck out additional Troubleshooting options"
     ],
     "video": [],
@@ -120,20 +120,22 @@
     "docs": [
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Configuration](https://min.io/docs/minio/kubernetes/upstream/operations/troubleshooting/encrypting-files.html)  \n Need more help?  \nCheck out additional Troubleshooting options",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[What are Settings and Configurations?](https://min.io/docs/minio/windows/administration/console/managing-deployment.html#minio-console-settings)",
-    
+
       "https://blog.min.io/content/images/size/w1000/2020/12/pay_banner-01-01-01-01-01.png[Troubleshooting](https://min.io/docs/minio/linux/operations/troubleshooting.html)  \n Need more help?  \nCheck out additional Troubleshooting options"
     ],
     "video": [],
-    "blog": ["https://images.unsplash.com/photo-1522932753915-9ee97e43e3d9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDYxfHxjb21wcmVzc2lvbiUyMGFic3RyYWN0JTIwfGVufDB8fHx8MTY1NzgxNzg4OA&ixlib=rb-1.2.1&q=80&w=2000[Transparent Data Compression on MinIO](https://blog.min.io/transparent-data-compression/)",
-  "https://blog.min.io/content/images/size/w2000/2019/05/Screenshot-at-May-15-15-27-18.png[Compression Encryption](https://blog.min.io/c-e-compression-encryption/)"]
+    "blog": [
+      "https://images.unsplash.com/photo-1522932753915-9ee97e43e3d9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDYxfHxjb21wcmVzc2lvbiUyMGFic3RyYWN0JTIwfGVufDB8fHx8MTY1NzgxNzg4OA&ixlib=rb-1.2.1&q=80&w=2000[Transparent Data Compression on MinIO](https://blog.min.io/transparent-data-compression/)",
+      "https://blog.min.io/content/images/size/w2000/2019/05/Screenshot-at-May-15-15-27-18.png[Compression Encryption](https://blog.min.io/c-e-compression-encryption/)"
+    ]
   },
   "settings_detailsapi": {
     "docs": [
       "https://min.io/resources/img/logo/MINIO_wordmark.png[How is failed replication handled?](https://min.io/docs/minio/kubernetes/upstream/administration/bucket-replication.html#minio-replication-process)",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[What are Replication Workers?](https://min.io/docs/minio/windows/administration/bucket-replication.html#minio-replication-process)",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Configuration](https://min.io/docs/minio/kubernetes/upstream/operations/troubleshooting/encrypting-files.html)  \n Need more help?  \nCheck out additional Troubleshooting options",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[What are Settings and Configurations?](https://min.io/docs/minio/windows/administration/console/managing-deployment.html#minio-console-settings)",
-    
+
       "https://blog.min.io/content/images/size/w1000/2020/12/pay_banner-01-01-01-01-01.png[Troubleshooting](https://min.io/docs/minio/linux/operations/troubleshooting.html)  \n Need more help?  \nCheck out additional Troubleshooting options"
     ],
     "video": [],
@@ -151,7 +153,7 @@
       "https://min.io/resources/img/logo/MINIO_wordmark.png[What is Bit Rot?](https://min.io/docs/minio/kubernetes/upstream/glossary.html#term-bit-rot)",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Configuration](https://min.io/docs/minio/kubernetes/upstream/operations/troubleshooting/encrypting-files.html)  \n Need more help?  \nCheck out additional Troubleshooting options",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[What are Settings and Configurations?](https://min.io/docs/minio/windows/administration/console/managing-deployment.html#minio-console-settings)",
-    
+
       "https://blog.min.io/content/images/size/w1000/2020/12/pay_banner-01-01-01-01-01.png[Troubleshooting](https://min.io/docs/minio/linux/operations/troubleshooting.html)  \n Need more help?  \nCheck out additional Troubleshooting options"
     ],
     "video": [],
@@ -164,19 +166,20 @@
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Object Scanner](https://min.io/docs/minio/windows/administration/object-management/object-lifecycle-management.html#minio-lifecycle-management-scanner)",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Configuration](https://min.io/docs/minio/kubernetes/upstream/operations/troubleshooting/encrypting-files.html)  \n Need more help?  \nCheck out additional Troubleshooting options",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[What are Settings and Configurations?](https://min.io/docs/minio/windows/administration/console/managing-deployment.html#minio-console-settings)",
-    
+
       "https://blog.min.io/content/images/size/w1000/2020/12/pay_banner-01-01-01-01-01.png[Troubleshooting](https://min.io/docs/minio/linux/operations/troubleshooting.html)  \n Need more help?  \nCheck out additional Troubleshooting options"
     ],
-    "video": [  "https://i.ytimg.com/vi/5fz3rE3wjGg/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCq8mxi_s8tron8E3TPgTMfUbiiDw[Lifecycle Management lab](https://www.youtube.com/watch?v=5fz3rE3wjGg)  \n Text snippet that will be relevant to the user will  \ngo here  made to look nice in the helpitem size  \non two-three lines",
-    "https://i.ytimg.com/vi/UuxqnUgowyg/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLA8R19exGswOv_yP8ZmSy1K6zmCbw[Versioning and Lifecycle management](https://www.youtube.com/watch?v=UuxqnUgowyg)  \nIn this video, we will focus on versioning  \nand lifecycle management. "
-  ],
+    "video": [
+      "https://i.ytimg.com/vi/5fz3rE3wjGg/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCq8mxi_s8tron8E3TPgTMfUbiiDw[Lifecycle Management lab](https://www.youtube.com/watch?v=5fz3rE3wjGg)  \n Text snippet that will be relevant to the user will  \ngo here  made to look nice in the helpitem size  \non two-three lines",
+      "https://i.ytimg.com/vi/UuxqnUgowyg/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLA8R19exGswOv_yP8ZmSy1K6zmCbw[Versioning and Lifecycle management](https://www.youtube.com/watch?v=UuxqnUgowyg)  \nIn this video, we will focus on versioning  \nand lifecycle management. "
+    ],
     "blog": []
   },
   "settings_detailsetcd": {
     "docs": [
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Configuration](https://min.io/docs/minio/kubernetes/upstream/operations/troubleshooting/encrypting-files.html)  \n Need more help?  \nCheck out additional Troubleshooting options",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[What are Settings and Configurations?](https://min.io/docs/minio/windows/administration/console/managing-deployment.html#minio-console-settings)",
-    
+
       "https://blog.min.io/content/images/size/w1000/2020/12/pay_banner-01-01-01-01-01.png[Troubleshooting](https://min.io/docs/minio/linux/operations/troubleshooting.html)  \n Need more help?  \nCheck out additional Troubleshooting options"
     ],
     "video": [],
@@ -189,20 +192,21 @@
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Monitoring Logs](https://min.io/docs/minio/linux/operations/monitoring.html#logging)",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Configuration](https://min.io/docs/minio/kubernetes/upstream/operations/troubleshooting/encrypting-files.html)  \n Need more help?  \nCheck out additional Troubleshooting options",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[What are Settings and Configurations?](https://min.io/docs/minio/windows/administration/console/managing-deployment.html#minio-console-settings)",
-    
+
       "https://blog.min.io/content/images/size/w1000/2020/12/pay_banner-01-01-01-01-01.png[Troubleshooting](https://min.io/docs/minio/linux/operations/troubleshooting.html)  \n Need more help?  \nCheck out additional Troubleshooting options"
     ],
-    "video": [ "https://i.ytimg.com/vi/A3vCDaFWNNs/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLDNZIxjC6AhnkRsTCMmoWrJIWmc6A[Monitoring with Prometheus](https://www.youtube.com/watch?v=A3vCDaFWNNs)  \n Text snippet that will be relevant to the user will  \ngo here  made to look nice in the helpitem size  \non two-three lines",
-    "https://i.ytimg.com/vi/Oix9iXndSUY/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBlfESoCxf6YVxS5nO34Me793cFPw[Prometheus Monitoring Lab](https://www.youtube.com/watch?v=Oix9iXndSUY)  \n Text snippet that will be relevant to the user will  \ngo here  made to look nice in the helpitem size  \non two-three lines"
- ],
+    "video": [
+      "https://i.ytimg.com/vi/A3vCDaFWNNs/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLDNZIxjC6AhnkRsTCMmoWrJIWmc6A[Monitoring with Prometheus](https://www.youtube.com/watch?v=A3vCDaFWNNs)  \n Text snippet that will be relevant to the user will  \ngo here  made to look nice in the helpitem size  \non two-three lines",
+      "https://i.ytimg.com/vi/Oix9iXndSUY/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBlfESoCxf6YVxS5nO34Me793cFPw[Prometheus Monitoring Lab](https://www.youtube.com/watch?v=Oix9iXndSUY)  \n Text snippet that will be relevant to the user will  \ngo here  made to look nice in the helpitem size  \non two-three lines"
+    ],
     "blog": []
   },
   "settings_detailsaudit_webhook": {
     "docs": [
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Publish Audit Logs to an HTTP webhook](https://min.io/docs/minio/linux/reference/minio-server/minio-server.html#minio-sever-envvar-logging-audit)",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Configuration](https://min.io/docs/minio/kubernetes/upstream/operations/troubleshooting/encrypting-files.html)  \n Need more help?  \nCheck out additional Troubleshooting options",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[What are Settings and Configurations?](https://min.io/docs/minio/windows/administration/console/managing-deployment.html#minio-console-settings)",
-    
+
       "https://blog.min.io/content/images/size/w1000/2020/12/pay_banner-01-01-01-01-01.png[Troubleshooting](https://min.io/docs/minio/linux/operations/troubleshooting.html)  \n Need more help?  \nCheck out additional Troubleshooting options"
     ],
     "video": [],
@@ -215,9 +219,9 @@
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Publish Events to Kafka](https://min.io/docs/minio/linux/administration/monitoring/publish-events-to-kafka.html)",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[Configuration](https://min.io/docs/minio/kubernetes/upstream/operations/troubleshooting/encrypting-files.html)  \n Need more help?  \nCheck out additional Troubleshooting options",
       "https://min.io/resources/img/logo/MINIO_wordmark.png[What are Settings and Configurations?](https://min.io/docs/minio/windows/administration/console/managing-deployment.html#minio-console-settings)",
-    "https://min.io/resources/img/logo/MINIO_wordmark.png[Supported Bucket Notification Targets](https://min.io/docs/minio/linux/administration/monitoring/bucket-notifications.html#supported-notification-targets)",
-    "https://min.io/resources/img/logo/MINIO_wordmark.png[Bucket Notifications](https://min.io/docs/minio/linux/administration/monitoring.html#bucket-notifications)", 
-    "https://blog.min.io/content/images/size/w1000/2020/12/pay_banner-01-01-01-01-01.png[Troubleshooting](https://min.io/docs/minio/linux/operations/troubleshooting.html)  \n Need more help?  \nCheck out additional Troubleshooting options"
+      "https://min.io/resources/img/logo/MINIO_wordmark.png[Supported Bucket Notification Targets](https://min.io/docs/minio/linux/administration/monitoring/bucket-notifications.html#supported-notification-targets)",
+      "https://min.io/resources/img/logo/MINIO_wordmark.png[Bucket Notifications](https://min.io/docs/minio/linux/administration/monitoring.html#bucket-notifications)",
+      "https://blog.min.io/content/images/size/w1000/2020/12/pay_banner-01-01-01-01-01.png[Troubleshooting](https://min.io/docs/minio/linux/operations/troubleshooting.html)  \n Need more help?  \nCheck out additional Troubleshooting options"
     ],
     "video": [],
     "blog": [

portal-ui/src/systemSlice.ts

@@ -77,7 +77,7 @@ const initialState: SystemState = {
   anonymousMode: false,
   helpName: "help",
   helpTabName: "0",
-  helpMenuType: "0"
+  helpMenuType: "0",
 };
 
 export const systemSlice = createSlice({
@@ -157,14 +157,14 @@ export const systemSlice = createSlice({
       state.licenseInfo = action.payload;
     },
     setHelpName: (state, action: PayloadAction<string>) => {
-      console.log("setting helpName: ", action.payload)
+      console.log("setting helpName: ", action.payload);
       state.helpName = action.payload;
     },
     setHelpTabName: (state, action: PayloadAction<string>) => {
       state.helpTabName = action.payload;
     },
     setHelpMenuType: (state, action: PayloadAction<string>) => {
-      console.log("setting helpMenuType: ", action.payload)
+      console.log("setting helpMenuType: ", action.payload);
       state.helpMenuType = action.payload;
     },
     setOverrideStyles: (
@@ -205,7 +205,7 @@ export const {
   configurationIsLoading,
   setHelpName,
   setHelpTabName,
-  setHelpMenuType
+  setHelpMenuType,
 } = systemSlice.actions;
 
 export const selDistSet = (state: AppState) => state.system.distributedSetup;