Merge pull request Anjaliavv51#42 from Sheshant-Manure/main

Issue Anjaliavv51#41 Resolved warnings in Home and Login components

src/components/AboutUs-section/AboutUs.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import rentBoardImg from "../.././assets/Images/rent-board.png";
 import "./AboutUs-section.css";
 const AboutUs = () => {
@@ -17,15 +16,15 @@ const AboutUs = () => {
           track of important information about their renters, including their
           names, addresses, and rental payment history. This information is
           stored in a secure and organized manner, so landlords can access it
-          whenever they need to. In addition to keeping track of renters'
+          whenever they need to. In addition to keeping track of renters'
           information, Rentalog also makes it easy for landlords to collect and
           track monthly rent payments. This way, landlords always know exactly
-          how much money they're earning from their properties and can make
+          how much money they're earning from their properties and can make
           informed decisions about their business. Using Rentalog is simple and
           straightforward. All of the information is organized in a
           user-friendly interface, so landlords can access what they need
           quickly and easily. And, if they ever have questions or need help,
-          they can reach out to Rentalog's dedicated support team for
+          they can reach out to Rentalog's dedicated support team for
           assistance. Overall, Rentalog is a convenient and efficient tool for
           landlords who want to keep their rental business organized and running
           smoothly.

src/components/Contact-section/Contact.jsx

@@ -10,7 +10,7 @@ const Contact = () => {
         </h1>
       </header>
       <main>
-        <p className={"px-5 lg:px-20 text-base lg:text-xl font-medium tracking-wider leading-10"}>
+        <div className={"px-5 lg:px-20 text-base lg:text-xl font-medium tracking-wider leading-10"}>
           <div className="mb-10">
             Hey there ! We love to hear from our Rentalog users ! Whether
             you&apos;re looking for answers to your burning questions, or simply
@@ -52,7 +52,7 @@ const Contact = () => {
             <br />
             The Rentalog Team
           </div>
-        </p>
+        </div>
       </main>
 
       <ContactForm />

src/components/Contact-section/ContactForm.jsx

@@ -15,21 +15,22 @@ const ContactForm = () => {
             className="flex gap-x-12 justify-center md:justify-start"
             style={{ height: "min-content", alignItems: "baseline" }}
           >
-            <img src={Github} alt="Github-logo" className="h-14" />
-            <img src={Insta} alt="Insta-logo" className="h-14" />
-            <img src={Twitter} alt="Twitter-logo" className="h-14" />
+            <a href="https://twitter.com/gauravsingh1281"><img src={Twitter} alt="Twitter-logo" className="h-14" /></a>
+            <a href="https://github.com/gauravsingh1281"><img src={Github} alt="Github-logo" className="h-14" /></a>
+            <a href="https://www.instagram.com/gauravsingh1281"><img src={Insta} alt="Insta-logo" className="h-14" /></a>
           </div>
         </article>
         {/* Right hand side of the form */}
         <article className="flex flex-1 justify-center p-5 md:p-0 md:mr-24">
           <form className="gap-x-5 w-full">
             <div className="flex flex-col md:flex-row mb-6 justify-between">
               <input
-                className="bg-green rounded-lg text-black h-16 md:w-5/12 mb-6 md:mb-0 placeholder-textBlack p-2"
+                className="bg-green rounded-lg text-black h-16 md:w-6/12 mb-6 md:mb-0 placeholder-textBlack p-2"
                 placeholder="First name"
+                style={{marginRight: "5px"}}
               />
               <input
-                className="bg-green rounded-lg h-16 md:w-5/12  text-black  placeholder-textBlack p-2"
+                className="bg-green rounded-lg h-16 md:w-6/12  text-black  placeholder-textBlack p-2"
                 placeholder="Last name"
               />
             </div>

src/components/Services-section/ServicesAvailableIn.jsx

@@ -11,6 +11,6 @@ const ServicesAvailableIn = (props) => {
 
 ServicesAvailableIn.propTypes = {
     placeName: PropTypes.string.isRequired,
-    placeImage: PropTypes.object.isRequired
+    placeImage: PropTypes.string.isRequired
 };
 export default ServicesAvailableIn;

src/pages/Login.jsx

@@ -23,11 +23,11 @@ export default function Login() {
           <TitleCard />
 
           <form onSubmit={handleSubmit} className="mx-8 mt-5 space-y-6">
-            <Input title="Email" value={form.email} onChnage={handleChange} />
+            <Input title="Email" value={form.email} onInput={handleChange} />
             <Input
               title="Password"
               value={form.password}
-              onChnage={handleChange}
+              onInput={handleChange}
             />
             <Link to="#" className="float-right text-green hover:underline">
               Forget Password?