GregBrimble/cf-workers-dashboard

Function Home has 405 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const Home = () => {
  const { hasToken, hasKey } = useSettings();

  if (hasKey || hasToken) return <Redirect to="/accounts" />;

File Home.tsx has 413 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react";
import { Link, Redirect } from "react-router-dom";
import { ExampleEditor } from "../components/home/ExampleEditor";
import { ExampleAnalytics } from "../components/home/ExampleAnalytics";
import { ExamplePeek } from "../components/home/ExamplePeek";

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

Open

                  <div className="lg:col-start-2">
                    <h4 className="text-2xl leading-8 font-extrabold text-gray-900 tracking-tight sm:text-3xl sm:leading-9">
                      WebSockets
                    </h4>
                    <p className="mt-3 text-lg leading-7 text-gray-500">

• Read up
  Read up

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

Open

                  <div className="lg:col-start-2">
                    <h4 className="text-2xl leading-8 font-extrabold text-gray-900 tracking-tight sm:text-3xl sm:leading-9">
                      Editor
                    </h4>
                    <p className="mt-3 text-lg leading-7 text-gray-500">

• Read up
  Read up

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

Open

            <div className="mt-8 flex lg:flex-shrink-0 lg:mt-0">
              <div className="ml-3 inline-flex rounded-md shadow">
                <a
                  href="/accounts"
                  className="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-500 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out"

• Read up
  Read up