gwcuva/gwc-website

Function NavbarGHH has 51 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function NavbarGHH() {

  const [navbar, setNavbar] = useState({'registration': '', 'mlhbanner': {'url': ''}, 'mlhwebsite': ''});

  useEffect(() => {

Function NavbarGHH has 51 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function NavbarGHH() {

  const [navbar, setNavbar] = useState({'registration': '', 'mlhbanner': {'url': ''}, 'mlhwebsite': ''});

  useEffect(() => {

Function MobileHeader has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function MobileHeader(props: Props) {
    
    const [header, setHeader] = useState({'year': 2022, 'month': '', 'day': '', 'format': '', 'registration': ''});

    useEffect(() => {

Function Newsletter has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function Newsletter() {
    const emailInput = useRef<HTMLInputElement>(null);
    const endpoint = process.env.REACT_APP_GRAPHCMS_URL ? process.env.REACT_APP_GRAPHCMS_URL : "";
    const graphcmsToken = process.env.REACT_APP_GRAPHCMS_TOKEN ? process.env.REACT_APP_GRAPHCMS_TOKEN : "";
    const graphQLClient = new GraphQLClient(endpoint, {

Function Newsletter has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function Newsletter() {
    const emailInput = useRef<HTMLInputElement>(null);
    const endpoint = process.env.REACT_APP_GRAPHCMS_URL ? process.env.REACT_APP_GRAPHCMS_URL : "";
    const graphcmsToken = process.env.REACT_APP_GRAPHCMS_TOKEN ? process.env.REACT_APP_GRAPHCMS_TOKEN : "";
    const graphQLClient = new GraphQLClient(endpoint, {

Function MobileHeader has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function MobileHeader(props: Props) {
    
    const [header, setHeader] = useState({'year': 2023, 'month': '', 'day': '', 'format': '', 'registration': ''});

    useEffect(() => {

Function MobileHeader has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function MobileHeader(props: Props) {
    const [header, setHeader] = useState({'year': 2023, 'month': '', 'day': '', 'format': '', 'registration': '', 'time': ''});

  useEffect(() => {
    const fetchHeader = async () => {

Function MobileHeader has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function MobileHeader(props: Props) {
    const [header, setHeader] = useState({'year': 2022, 'month': '', 'day': '', 'format': '', 'registration': '', 'time': ''});

  useEffect(() => {
    const fetchHeader = async () => {

Function MobileHeader has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function MobileHeader(props: Props) {
    const [header, setHeader] = useState({'year': 2024, 'month': '', 'day': '', 'format': '', 'registration': '', 'time': ''});

  useEffect(() => {
    const fetchHeader = async () => {

Similar blocks of code found in 3 locations. Consider refactoring.

Open

        <Row className={`${props.circle ? "justify-content-center" : "justify-content-end"} pb-4`}>
          <a href='#stats' onClick={props.toggle} className="mono text-peacock interactive">the gap</a>
        </Row>

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

        <Row className={`${props.circle ? "justify-content-center" : "justify-content-end"} pb-4`}>
          <a href='#about' onClick={props.toggle} className="mono text-peacock interactive">the mission</a>
        </Row>

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

        <Row className={`${props.circle ? "justify-content-center" : "justify-content-end"}`}>
          <a href='#team' onClick={props.toggle} className="mono text-peacock interactive">the team</a>
        </Row>

• Read up
  Read up

Function Prizes has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function Prizes(): JSX.Element {
  const [prizes, setPrizes] = useState([{'id': '', 'prizeName': '', 'prizeObject': '', 'description': ''}]);

  useEffect(() => {
    const fetchPrizes = async () => {

Function Prizes has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function Prizes(): JSX.Element {
  const [prizes, setPrizes] = useState([{'id': '', 'prizeName': '', 'prizeObject': '', 'description': ''}]);

  useEffect(() => {
    const fetchPrizes = async () => {

Function Prizes has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function Prizes(): JSX.Element {
  const [prizes, setPrizes] = useState([{'id': '', 'prizeName': '', 'prizeObject': '', 'description': ''}]);

  useEffect(() => {
    const fetchPrizes = async () => {

Function About has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function About() {
  const [description, setDescription] = useState([{'id': '', 'ghhDescription': '', 'gwcDescription': ''}]);
  let ghhDescription = [];
  let gwcDescription = [];
  

Identical blocks of code found in 2 locations. Consider refactoring.

Open

                {prizes.map((prize) => 
                <PrizeItem key={prize.id} name={prize.prizeName} object={prize.prizeObject} detail={prize.description} ></PrizeItem>)}

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        <Row xs={3} className={isMobile ? "pt-0 mt-n4":"pt-0 mt-n5"}>
          <Col xs={3}></Col>
          <h1 className="text-white">MAKING</h1>
        </Row>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        <Row xs={3} className={isMobile ? "pt-0 mt-n4":"pt-0 mt-n5"}>
          <Col xs={2}></Col>
          <h1 className="text-white">WAVES</h1>
        </Row>

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

                  {prizes.map((prize) => 
                    <PrizeItem key={prize.id} name={prize.prizeName} object={prize.prizeObject} detail={prize.description} ></PrizeItem>)}

• Read up
  Read up