hide download button

components/Timetable.tsx

@@ -40,6 +40,7 @@ const Timetable = ({
   replaceInputType = "checkbox",
   apiRecordEndPoint = "/api/record",
   openRecordMode = false,
+  hideDownloadButton = true,
 }) => {
   const [editable, setEditable] = React.useState(true);
   const ref = React.useRef();
@@ -251,20 +252,22 @@ const Timetable = ({
 
   return (
     <>
-      <h2 style={{textAlign: 'center'}}>Login as {user}</h2>
+      <h2 style={{ textAlign: "center" }}>Login as {user}</h2>
       <div
         ref={ref}
         contentEditable={editable}
         style={{
           overflow: "scroll",
-          display: 'flex',
+          display: "flex",
-          justifyContent: 'center',
+          justifyContent: "center",
         }}
         onInput={handleInput}
       ></div>{" "}
-      <p style={{ display: "flex", justifyContent: "center" }}>
+      {!hideDownloadButton && (
-        <button onClick={DownloadMarks}>Download Selection</button>
+        <p style={{ display: "flex", justifyContent: "center" }}>
-      </p>
+          <button onClick={DownloadMarks}>Download Selection</button>
+        </p>
+      )}
       <div style={{ display: "none" }} id="download-dom"></div>
     </>
   );

pages/tool.tsx

@@ -47,6 +47,7 @@ export default function Home() {
             disableConflictCheck={true}
             disableNetwork={true}
             replaceInputType={"number"}
+            hideDownloadButton={false}
           />
         )}
       </main>