refactor

Author: karanysingh

src/components/Recruitments/RecruitmentCards.jsx

@@ -1,16 +1,5 @@
 import React, { Component } from "react";
-import { useHistory, Link } from "react-router-dom";
-import {
-  Grid,
-  Segment,
-  Header,
-  Image,
-  Icon,
-  Card,
-  Button,
-  Visibility,
-  Transition,
-} from "semantic-ui-react";
+import { Grid, Header, Icon } from "semantic-ui-react";
 import "./RecruitmentCard.css";
 
 var x = window.matchMedia("(max-width: 900px)");

src/pages/Gallery/Gallery.jsx

@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+// import { useHistory } from "react-router-dom";
 import { Segment } from "semantic-ui-react";
 import ImageGallery from "react-image-gallery";
 import { useAsyncEffect } from "use-async-effect";
@@ -20,6 +21,8 @@ const axios = require("axios");
 function Gallery() {
   const [images, setImages] = useState(null);
 
+  // const history = useHistory();
+
   useAsyncEffect(async () => {
     let shouldCancel = false;
 
@@ -51,15 +54,18 @@ function Gallery() {
     return () => (shouldCancel = true);
   }, []);
 
+  // const handleBack = () => {
+  //   history.push("/");
+  // };
+
+  // const sections = [
+  //   { key: "Home", content: "Home", link: true, onClick: handleBack },
+  //   { key: "Gallery", content: "Gallery", active: true },
+  // ];
+
   return (
     <div className="galleryDiv">
-      {/* <div className='loadScreenGallery'>
-      <Icon size='massive' color='red' loading name='spinner' />
-      </div> */}
       <Segment inverted>
-        {/* <Label color='red' attached='top left'>
-          <Breadcrumb icon='right angle' sections={sections} />
-        </Label> */}
         {images ? (
           <ImageGallery
             items={images}

src/pages/Recruitments/RecruitmentForm.jsx

@@ -1,10 +1,5 @@
 import React, { Component } from "react";
-import { useHistory, Link } from "react-router-dom";
-import { Grid, Segment, Header, Image, Label, Embed } from "semantic-ui-react";
 import "./Recruitments.css";
-import RecruitmentCards from "../../components/Recruitments/RecruitmentCards";
-
-var x = window.matchMedia("(max-width: 900px)");
 
 export default class RecruitmentForm extends Component {
   state = {
@@ -24,12 +19,13 @@ export default class RecruitmentForm extends Component {
           </Label>
           <br></br>
           <iframe
+            title="recruitmentForm"
             width="100%"
             height="640px"
             src="https://flzu5mig2qj.typeform.com/to/ejsxYIah"
-            frameborder="0"
-            marginwidth="0"
-            marginheight="0"
+            frameBorder="0"
+            marginWidth="0"
+            marginHeight="0"
             style={{
               border: "0px",
               scrollbarWidth: "0px",
@@ -39,7 +35,6 @@ export default class RecruitmentForm extends Component {
             allowfullscreen
             webkitallowfullscreen
             mozallowfullscreen
-            msallowfullscreen
           >
             {" "}
           </iframe>