remove more unused customization options

frontend/frontend/src/pages/Home/Home.js

@@ -39,9 +39,6 @@ const HomeScreen = () => {
   // for stage two
   const [selectedLayout, setSelectedLayout] = useState(DEFAULT_LAYOUT);
 
-  const [usePercent, setUsePercent] = useState(false);
-  const [useCompact, setUseCompact] = useState(false);
-
   const [showTitle, setShowTitle] = useState(true);
   const [customTitle, setCustomTitle] = useState('');
   const [langsCount, setLangsCount] = useState();
@@ -49,8 +46,7 @@ const HomeScreen = () => {
   const [enableAnimations, setEnableAnimations] = useState(true);
 
   const resetCustomization = () => {
-    setUsePercent(false);
-    setUseCompact(false);
+    // setUsePercent(false);
   };
 
   useEffect(() => {
@@ -67,14 +63,6 @@ const HomeScreen = () => {
     fullSuffix += `&layout=${selectedLayout.value}`;
   }
 
-  if (usePercent) {
-    fullSuffix += '&use_percent=True';
-  }
-
-  if (useCompact) {
-    fullSuffix += '&compact=True';
-  }
-
   if (!showTitle) {
     fullSuffix += '&hide_title=true';
   }
@@ -195,10 +183,6 @@ const HomeScreen = () => {
               imageSrc={imageSrc}
               selectedLayout={selectedLayout}
               setSelectedLayout={setSelectedLayout}
-              useCompact={useCompact}
-              setUseCompact={setUseCompact}
-              usePercent={usePercent}
-              setUsePercent={setUsePercent}
               showTitle={showTitle}
               setShowTitle={setShowTitle}
               customTitle={customTitle}

frontend/frontend/src/pages/Home/stages/Customize.js

@@ -11,10 +11,6 @@ const CustomizeStage = ({
   selectedCard,
   selectedLayout,
   setSelectedLayout,
-  useCompact,
-  setUseCompact,
-  usePercent,
-  setUsePercent,
   showTitle,
   setShowTitle,
   customTitle,
@@ -65,25 +61,6 @@ const CustomizeStage = ({
             setSelectedOption={setSelectedLayout}
           />
         )}
-        {cardType === CardTypes.TOP_LANGS && (
-          <CheckboxSection
-            title="Compact View"
-            text="Use default view or compact view."
-            question="Use compact view?"
-            variable={useCompact}
-            setVariable={setUseCompact}
-          />
-        )}
-        {cardType === CardTypes.TOP_LANGS && (
-          <CheckboxSection
-            title="Percent vs LOC"
-            text="Use absolute LOC (default) or percent to rank your top repositories"
-            question="Use percent?"
-            variable={usePercent}
-            setVariable={setUsePercent}
-            disabled={useCompact}
-          />
-        )}
         {cardType === CardTypes.TOP_LANGS && (
           <CheckboxSection
             title="Compact View"
@@ -105,7 +82,7 @@ const CustomizeStage = ({
       </div>
       <div className="w-full lg:w-3/5 md:w-1/2 object-center pt-5 md:pt-0 pl-0 md:pl-5 lg:pl-0">
         <div className="w-full lg:w-3/5 mx-auto flex flex-col justify-center">
-          <Image imageSrc={fullSuffix} compact={useCompact} />
+          <Image imageSrc={fullSuffix} />
         </div>
       </div>
     </div>
@@ -116,12 +93,8 @@ CustomizeStage.propTypes = {
   selectedCard: PropTypes.string.isRequired,
   selectedLayout: PropTypes.object.isRequired,
   setSelectedLayout: PropTypes.func.isRequired,
-  useCompact: PropTypes.bool.isRequired,
-  setUseCompact: PropTypes.func.isRequired,
   hideProgress: PropTypes.bool.isRequired,
   setHideProgress: PropTypes.func.isRequired,
-  usePercent: PropTypes.bool.isRequired,
-  setUsePercent: PropTypes.func.isRequired,
   showTitle: PropTypes.bool.isRequired,
   setShowTitle: PropTypes.func.isRequired,
   customTitle: PropTypes.string.isRequired,