rebrand hide button row to hide footer

website/src/repl/components/ReplEditor.jsx

@@ -13,7 +13,7 @@ export default function ReplEditor(Props) {
   const { context, ...editorProps } = Props;
   const { containerRef, editorRef, error, init, pending } = context;
   const settings = useSettings();
-  const { panelPosition, isZen } = settings;
+  const { panelPosition, isZen, isButtonRowHidden } = settings;
   const isEmbedded = typeof window !== 'undefined' && window.location !== window.parent.location;
 
   return (
@@ -27,7 +27,7 @@ export default function ReplEditor(Props) {
         </div>
         {!isZen && panelPosition === 'right' && <VerticalPanel context={context} />}
       </div>
-      <Footer context={context} isEmbedded={isEmbedded} />
+      {!isButtonRowHidden && <Footer context={context} isEmbedded={isEmbedded} />}
       <UserFacingErrorMessage error={error} />
       {!isZen && panelPosition === 'bottom' && <HorizontalPanel context={context} />}
     </div>

website/src/repl/components/panel/SettingsTab.jsx

@@ -323,7 +323,7 @@ export function SettingsTab({ started }) {
           value={isSyncEnabled}
         />
         <Checkbox
-          label="Hide top buttons"
+          label="Hide footer"
           onChange={(cbEvent) => settingsMap.setKey('isButtonRowHidden', cbEvent.target.checked)}
           value={isButtonRowHidden}
         />