cleanup debugging logs and optimize uses of local storage

plugins/gitops-profiles/src/components/ClusterTemplateCardList/ClusterTemplateCardList.tsx

@@ -17,7 +17,6 @@
 import React, { FC } from 'react';
 import { Grid } from '@material-ui/core';
 import ClusterTemplateCard from '../ClusterTemplateCard';
-import { useLocalStorage } from 'react-use';
 
 interface Props {
   template: {
@@ -30,16 +29,10 @@ interface Props {
 
 const ClusterTemplateCardList: FC<Props> = props => {
   const [activeIndex, setActiveIndex] = React.useState(-1);
-  const [templateRepo, setTemplateRepo] = useLocalStorage<string>(
-    'gitops-template-repo',
-  );
 
   const handleClicked = (index: number, repository: string) => {
-    // eslint-disable-next-line no-console
-    console.log(templateRepo);
-
     setActiveIndex(index);
-    setTemplateRepo(repository);
+    window.localStorage.setItem('gitops-template-repo', repository);
   };
 
   return (

plugins/gitops-profiles/src/components/ProfileCardList/ProfileCardList.tsx

@@ -16,7 +16,6 @@
 import React, { FC, useState } from 'react';
 import { Grid } from '@material-ui/core';
 import ProfileCard from '../ProfileCard';
-import { useLocalStorage } from 'react-use';
 
 interface Props {
   profileTemplates: {
@@ -30,9 +29,6 @@ interface Props {
 const ProfileCardList: FC<Props> = props => {
   const [selections, setSelections] = useState<Set<number>>(new Set<number>());
   const [profiles, setProfiles] = useState<Set<string>>(new Set<string>());
-  const [gitopsProfiles, setGitopsProfiles] = useLocalStorage<string[]>(
-    'gitops-profiles',
-  );
 
   const handleClicked = (index: number, repository: string) => {
     if (selections.has(index)) {
@@ -46,13 +42,10 @@ const ProfileCardList: FC<Props> = props => {
     setSelections(selections);
     setProfiles(profiles);
 
-    setGitopsProfiles(Array.from(profiles));
-    // eslint-disable-next-line no-console
-    console.log(profiles);
-    // eslint-disable-next-line no-console
-    console.log(gitopsProfiles);
-    // eslint-disable-next-line no-console
-    console.log(gitopsProfiles);
+    window.localStorage.setItem(
+      'gitops-profiles',
+      JSON.stringify(Array.from(profiles)),
+    );
   };
 
   return (

plugins/gitops-profiles/src/components/ProfileCatalog/ProfileCatalog.tsx

@@ -177,9 +177,6 @@ const ProfileCatalog: FC<{}> = () => {
   };
 
   const doCreateCluster = async () => {
-    // eslint-disable-next-line no-console
-    console.log(gitopsProfiles);
-
     setShowProgress(true);
     setRunStatus([]);