Org-Helping-Hands · thisisommore · Aug 4, 2021
diff --git a/src/App.tsx b/src/App.tsx
@@ -9,7 +9,6 @@ import {
 } from "react-router-dom";
 import { Home } from "./components/home/home";
 import { Signin } from "./components/signin/signin";
-import { getToken } from "./common/user";
 import GuardedRoute from "./components/guardedRoute";
 import { DoPost } from "./components/do-post/do-post";
 import { FindNeedy } from "./components/find-needy/find-needy";

diff --git a/src/common/api.tsx b/src/common/api.tsx
@@ -1,8 +1,7 @@
 import axios from "axios";
 import { toast } from "react-toastify";
 import { Subject } from "rxjs";
-import { getPositionOfLineAndCharacter } from "typescript";
-import { getPhoneNumber, getToken, getUserId } from "./user";
+import { getToken } from "./user";
 const baseURL = axios.create({
   baseURL: process.env.REACT_APP_NODEJS_API,
 });
@@ -46,15 +45,6 @@ baseURL.interceptors.response.use(
   }
 );
 export type TLatestOperation = "Completed" | "Started" | "Idle";
-interface updateStatus {
-  postId: string;
-  latestOperation: TLatestOperation;
-}
-interface IAuthReqBody {
-  userId: string;
-  phoneNumber: string;
-  token: string;
-}
 
 interface userDataResponse {
   name: string;

diff --git a/src/components/contribution-page/contribution.tsx b/src/components/contribution-page/contribution.tsx
@@ -1,6 +1,5 @@
-import { group } from "node:console";
 import React from "react";
-import { Link,useHistory } from "react-router-dom";
+import { useHistory } from "react-router-dom";
 import styles from "./contribution.module.css";
 
 
@@ -31,7 +30,7 @@ export function Contribution() {
 
 <div className={` row ${styles.postBox}`}>
 <div className="col-3 col-sm-2 col-md-1" >
-<img className={styles.profile_pic} height="60px" width="60px"  src="assets/detailed-post/profile-pic.png"></img>  
+<img className={styles.profile_pic} height="60px" width="60px"  src="assets/detailed-post/profile-pic.png" alt="profile pick"></img>  
 </div>
 <div className="col-9 col-sm-10  col-md-11 ">
  <h3 className={styles.name}>
@@ -43,7 +42,7 @@ export function Contribution() {
 </div>
 <div className={`- row ${styles.postBox}`}>
 <div className="col-3 col-sm-2 col-md-1" >
-<img className={styles.profile_pic} height="60px" width="60px"  src="assets/detailed-post/profile-pic.png"></img>  
+<img className={styles.profile_pic} height="60px" width="60px"  src="assets/detailed-post/profile-pic.png" alt="profile pick"></img>  
 </div>
 <div className="col-9 col-sm-10  col-md-11 ">
  <h3 className={styles.name}>
@@ -55,7 +54,7 @@ export function Contribution() {
 </div>
 <div className={` row ${styles.postBox}`}>
 <div className="col-3 col-sm-2 col-md-1" >
-<img className={styles.profile_pic} height="60px" width="60px"  src="assets/detailed-post/profile-pic.png"></img>  
+<img className={styles.profile_pic} height="60px" width="60px"  src="assets/detailed-post/profile-pic.png" alt="profile pick"></img>  
 </div>
 <div className="col-9 col-sm-10  col-md-11 ">
  <h3 className={styles.name}>
@@ -67,7 +66,7 @@ export function Contribution() {
 </div>
 <div className={` row ${styles.postBox}`}>
 <div className="col-3 col-sm-2 col-md-1" >
-<img className={styles.profile_pic} height="60px" width="60px"  src="assets/detailed-post/profile-pic.png"></img>  
+<img className={styles.profile_pic} height="60px" width="60px"  src="assets/detailed-post/profile-pic.png" alt="profile pick"></img>  
 </div>
 <div className="col-9 col-sm-10  col-md-11 ">
  <h3 className={styles.name}>

diff --git a/src/components/detailed-post/detailed-post.tsx b/src/components/detailed-post/detailed-post.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { Link, RouteProps, useHistory } from "react-router-dom";
+import {  RouteProps, useHistory } from "react-router-dom";
 import styles from "./detailed-post.module.css";
 import {
   fetchDetailedPost,
@@ -9,21 +9,6 @@ import {
 } from "../../common/api";
 import { MapBox } from "../mapbox/mapbox";
 import mapboxgl from "mapbox-gl";
-// state = {
-//    Urls:[
-//      {URL:"assets/detailed-post/poor1.jpg"},
-//      {URL:"assets/detailed-post/poor2.jpg"},
-//      {URL:"assets/detailed-post/poor3.jpg"},
-//    ],
-// };
-type File = {
-  URL: string;
-};
-type Post = {
-  Name: string;
-  Images: string[];
-  Description: string;
-};
 
 export function DetailedPost(props: RouteProps) {
   const [name, setName] = useState<string>("");
@@ -80,6 +65,7 @@ export function DetailedPost(props: RouteProps) {
                 <img
                   className={styles.profile_pic}
                   src="assets/detailed-post/profile-pic.png"
+                  alt="profile pic"
                 ></img>
               </div>
               <div className="col-9 col-sm-10  col-md-11 ">

diff --git a/src/components/do-post/do-post.tsx b/src/components/do-post/do-post.tsx
@@ -1,11 +1,9 @@
-import React, { ChangeEventHandler, useState } from "react";
+import { useState } from "react";
 import styles from "./do-post.module.css";
-import axios from "axios";
 
 import { useHistory } from "react-router-dom";
 import { MapBox } from "../mapbox/mapbox";
 import { dopost } from "../../common/api";
-import { ThemeConsumer } from "react-bootstrap/esm/ThemeProvider";
 
 type TTag = {
   name: string;

diff --git a/src/components/hbox/hbox.tsx b/src/components/hbox/hbox.tsx
@@ -8,7 +8,7 @@ export class hbox extends React.Component {
         <img
           className={styles.harrow}
           src="data:image/png;base64,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"
-          alt=""
+          alt="Arrow"
           height="31px"
           width="31px"
         ></img>
@@ -23,6 +23,7 @@ export class hbox extends React.Component {
               height="60px"
               width="60px"
               src="assets/detailed-post/profile-pic.png"
+              alt="profile pic"
             ></img>
           </div>
           <div className="col-8 col-sm-8  ">

diff --git a/src/components/help/follow-post.tsx b/src/components/help/follow-post.tsx
@@ -29,7 +29,7 @@ export function FollowPost(props: RouteProps) {
   ]);
 
   function getIconName(name: string) {
-    const findIcon = iconTags.find((e) => e.name == name);
+    const findIcon = iconTags.find((e) => e.name === name);
     return findIcon?.icon;
   }
   function createMarker(post: postDetailResponse) {

diff --git a/src/components/landing/landing.module.css b/src/components/landing/landing.module.css
@@ -71,7 +71,6 @@
   margin-right: -100%;
   margin-left: -20vh;
 
-  /* margin-left: calc(100vw / 2 - 120vw); */
   margin-top: calc(100vh / 1.2 - var(--size));
 }
 .world-needs-your-help p {

diff --git a/src/components/landing/landing.tsx b/src/components/landing/landing.tsx
@@ -1,29 +1,8 @@
-import React, { CSSProperties } from "react";
-import { createRef } from "react";
+import React from "react";
 import { Link } from "react-router-dom";
-import { fromEvent } from "rxjs";
 import styles from "./landing.module.css";
 export class Landing extends React.Component {
-  helpinHandsGreenCircleRef = createRef<HTMLDivElement>();
-  constructor(props: any) {
-    super(props);
-  }
 
-  setCssVars() {
-    // TODO: Remove
-    // this.setState({
-    //   helpingHandsCircle: {
-    //     eleHeight: this.helpinHandsGreenCircleRef.current?.offsetHeight + "px",
-    //     eleWidth: this.helpinHandsGreenCircleRef.current?.offsetWidth + "px",
-    //   },
-    // });
-  }
-  componentDidMount() {
-    this.setCssVars();
-    fromEvent(window, "resize").subscribe((e) => {
-      this.setCssVars();
-    });
-  }
   state = {
     helpingHandsCircle: { eleWidth: "0px", eleHeight: "0px" },
     worldNeedsYourHelpCirle: { eleWidth: "0px", eleHeight: "0px" },
@@ -33,14 +12,7 @@ export class Landing extends React.Component {
       <div className={styles["landing-container"]}>
         <div className={styles["top-circles"]}>
           <div
-            ref={this.helpinHandsGreenCircleRef}
             className={styles["helpin-hands-green-circle"]}
-            style={
-              {
-                "--ele-width": this.state.helpingHandsCircle.eleWidth,
-                "--ele-height": this.state.helpingHandsCircle.eleHeight,
-              } as CSSProperties
-            }
           >
             <p>
               Helping

diff --git a/src/components/mapbox/mapbox.tsx b/src/components/mapbox/mapbox.tsx
@@ -1,5 +1,5 @@
-import mapboxgl, { Marker } from "mapbox-gl";
-import { useEffect, useRef, useState } from "react";
+import mapboxgl from "mapbox-gl";
+import { useEffect, useRef } from "react";
 import { getLocation } from "../../common/location";
 type Props = {
   markers?: mapboxgl.Marker[];

diff --git a/src/components/signin/signin.tsx b/src/components/signin/signin.tsx
@@ -2,7 +2,6 @@ import React from "react";
 import styles from "./signin.module.css";
 import { auth } from "../../Services/Firebase";
 import { setPhoneNumber, setToken, setUserId } from "../../common/user";
-import axios from "axios";
 import { handleHttpError, signIn, toggleSpinner } from "../../common/api";
 export class Signin extends React.Component {
   state = {
@@ -128,7 +127,7 @@ export class Signin extends React.Component {
               className={styles.next1}
               onClick={this.onSendotp}
               disabled={
-                !(this.state.name && this.state.phoneNumber.length == 13)
+                !(this.state.name && this.state.phoneNumber.length === 13)
               }
             >
               {this.state.otpSend?"Resend otp":"Get OTP"}

diff --git a/src/components/thankyou/thankyou.tsx b/src/components/thankyou/thankyou.tsx
@@ -19,7 +19,7 @@ export class Thankyou extends React.Component {
           <p>Change the world by being yourself,</p>
           <p>
             <Link to={"/home"}>
-              <a className={styles.anchor} href="#">
+              <a className={styles.anchor} href="/">
                 <u>Keep Helping...</u>
               </a>
             </Link>