Michael/perf 1699 (#270)

* Updated Request tool to get it online

* Removed unused component

* Updates to remove lint errors

guide/results-viewer-react/package.json

@@ -29,6 +29,7 @@
   "homepage": "https://github.com/FamilySearch/pewpew/tree/master/lib/config-wasm#readme",
   "dependencies": {
     "@fs/hdr-histogram-wasm": "file:./lib/hdr-histogram-wasm",
+    "axios": "^1.7.8",
     "chart.js": "~4.4.0",
     "chartjs-adapter-date-fns": "^3.0.0",
     "date-fns": "^3.0.0",

guide/results-viewer-react/src/components/Modal/index.tsx

@@ -92,6 +92,7 @@ interface ModalProps {
   submitText?: string;
   children?: React.ReactNode;
   isReady?: boolean;
+  scrollable?: boolean;
 }
 
 export interface ModalObject {
@@ -134,7 +135,8 @@ export const Modal = forwardRef(({
   onSubmit,
   submitText = "submit",
   children,
-  isReady
+  isReady,
+  scrollable
 }: ModalProps, ref: Ref<ModalObject>) => {
   const [display, setDisplay] = useState(false);
   let windowOffset: number = 0;
@@ -177,10 +179,15 @@ export const Modal = forwardRef(({
   };
 
   const submit = (event?: React.MouseEvent<HTMLButtonElement>) => {
-    const scrollY = document.getElementById("root")!.style.top;
-    document.getElementById("root")!.style.position = "";
-    document.getElementById("root")!.style.top = "";
-    window.scrollTo(0, parseInt(scrollY || "0", 10) * -1);
+    const root = document.getElementById("root");
+    if (root) {
+      const scrollY = root.style.top;
+      root.style.position = "";
+      root.style.top = "";
+      window.scrollTo(0, parseInt(scrollY || "0", 10) * -1);
+    } else {
+      log("Cannot find element #root", LogLevel.DEBUG);
+    }
     if (onSubmit) {
       onSubmit(event).finally(() => setDisplay(false));
     } else {
@@ -195,7 +202,7 @@ export const Modal = forwardRef(({
   <ModalStyle>
     <ModalDiv id="modal">
       {title && <ModalTitle>{title}</ModalTitle>}
-      <ModalContent>{children}</ModalContent>{/* Any elements that are children of modal will be rendered here */}
+      <ModalContent style={!scrollable ? {overflow: "unset"} : {}}>{children}</ModalContent>{/* Any elements that are children of modal will be rendered here */}
       <ModalActions>
         {onSubmit &&
           <button className="toggle-button" id="submitBtn" onClick={submit} disabled={!isReady}>

guide/results-viewer-react/src/components/YamlQuestionBubble/index.tsx

@@ -35,8 +35,8 @@ const QuestionBubbleStyling = styled.span`
 export function QuestionBubble ({ text, href }: QuestionBubbleProps) {
   return (
     <QuestionBubbleStyling>
-    {href && <span style={{marginRight: "8px"}} className="questionHover"><a href={href} target="_blank"><i style={{fontFamily: "Arial"}}>?</i></a><span className="questionHoverText">{text}</span></span>}
-    {!href && <span style={{marginRight: "8px"}} className="questionHover"><i style={{fontFamily: "Arial"}}>?</i><span className="questionHoverText">{text}</span></span>}
+    {href && <span style={{marginRight: "8px"}} className="questionHover"><a href={href} target="_blank"><i style={{fontFamily: "Arial", fontSize: "14px"}}>?</i></a><span className="questionHoverText">{text}</span></span>}
+    {!href && <span style={{marginRight: "8px"}} className="questionHover"><i style={{fontFamily: "Arial", fontSize: "14px"}}>?</i><span className="questionHoverText">{text}</span></span>}
     </QuestionBubbleStyling>
     );
 }