Linting issues fixed to stop Linc from crashing

Author: mojavad

src/App.tsx

@@ -1,13 +1,10 @@
-import { useState } from "react";
 import { Home } from "./pages/Home";
 import { Login } from "./pages/Login";
 import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 import { ApolloProvider } from "@apollo/client";
 import { client } from "./client";
 
 function App() {
-  const [loggedIn, setLoggedIn] = useState(false);
-
   return (
     <ApolloProvider client={client}>
       <Router>

src/components/Login/ForgotPasswordView.tsx

@@ -1,4 +1,4 @@
-import { FC, useEffect, useState } from "react";
+import { FC, useEffect } from "react";
 import { View } from "../../pages/Login";
 import { Transition } from "@headlessui/react";
 
@@ -45,7 +45,7 @@ export const ForgotPasswordView: FC<LoginViewProps> = ({
 
       <div className="text-right">
         <div className="text-sm">
-          <a
+          <a // eslint-disable-line
             onClick={() => changeView(View.Login)}
             className="font-medium text-cyan-600 hover:text-cyan-500 cursor-pointer"
           >

src/components/Login/LoginView.tsx

@@ -71,7 +71,7 @@ export const LoginView: FC<LoginViewProps> = ({ changeView }) => {
         </div>
 
         <div className="text-sm">
-          <a
+          <a // eslint-disable-line
             onClick={() => changeView(View.ForgotPassword)}
             className="font-medium text-cyan-600 hover:text-cyan-500 cursor-pointer"
           >

src/components/Login/RegisterView.tsx

@@ -1,5 +1,4 @@
 import { FC, useState } from "react";
-import { Link } from "react-router-dom";
 
 import { View } from "../../pages/Login";
 
@@ -72,16 +71,17 @@ export const RegisterView: FC<LoginViewProps> = ({ changeView }) => {
         </div>
       </div>
       <div>
-        <Link to="/">
-          <button className="transition w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-cyan-600 hover:bg-cyan-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-cyans-500 disabled:opacity-50">
-            Sign Up
-          </button>
-        </Link>
+        <button
+          onClick={() => changeView(View.Login)}
+          className="transition w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-cyan-600 hover:bg-cyan-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-cyans-500 disabled:opacity-50"
+        >
+          Sign Up
+        </button>
       </div>
 
       <div className="text-right">
         <div className="text-sm">
-          <a
+          <a // eslint-disable-line
             onClick={() => changeView(View.Login)}
             className="font-medium text-cyan-600 hover:text-cyan-500 cursor-pointer"
           >

src/components/Login/styles.css

@@ -1,12 +1,4 @@
-import gql from "graphql-tag";
 import { FC, useState } from "react";
-import { Menu, Transition } from "@headlessui/react";
-import classNames from "classnames";
-import { Link } from "react-router-dom";
-import { useQuery } from "@apollo/client";
-import { Search } from "./__generated__/Search";
-import { SearchResults } from "../components/SearchResults";
-import { CSSTransition } from "react-transition-group";
 import AnimateHeight from "react-animate-height";
 
 import { LoginView } from "../components/Login/LoginView";
@@ -25,7 +17,6 @@ export enum View {
 export const Login: FC = () => {
   const [currentView, setCurrentView] = useState<View>(View.Login);
   const [notificationShowing, setNotificationShowing] = useState(false);
-  const [searchTerm, setSearchTerm] = useState("");
 
   return (
     <div>
@@ -50,10 +41,9 @@ export const Login: FC = () => {
           {currentView === View.Login && (
             <p className="mt-2 text-center text-sm text-gray-600 max-w">
               Or&nbsp;
-              <a
+              <a // eslint-disable-line
                 onClick={() => setCurrentView(View.Register)}
-                href="#"
-                className="transition font-medium text-cyan-600 hover:text-cyan-500"
+                className="cursor-pointer transition font-medium text-cyan-600 hover:text-cyan-500"
               >
                 register here...
               </a>