fix: empty text

Author: LieutenantRoger

src/components/Empty/index.jsx

@@ -1,26 +1,42 @@
 import React from "react";
-import { EMPTY_GIGS_TEXT } from "../../constants";
+import PT from "prop-types";
+import {
+  MY_GIGS_STATUS_EMPTY_TEXT,
+  GIGS_FILTER_STATUSES,
+} from "../../constants";
 import Button from "../Button";
 import "./styles.scss";
 
-const Empty = () => {
+const Empty = ({ gigStatus }) => {
   return (
     <div styleName="empty-wrapper">
       <div styleName="empty-inner">
-        <h6>{EMPTY_GIGS_TEXT}</h6>
-        <span>Interested in getting a gig?</span>
-        <Button
-          isPrimary
-          size="lg"
-          onClick={() => {
-            window.location.href = `${process.env.URL.BASE}/gigs`;
-          }}
-        >
-          VIEW GIGS
-        </Button>
+        <h6>{MY_GIGS_STATUS_EMPTY_TEXT[gigStatus]}</h6>
+        {gigStatus == GIGS_FILTER_STATUSES.OPEN_JOBS && (
+          <span>Interested in getting a gig?</span>
+        )}
+        {gigStatus == GIGS_FILTER_STATUSES.OPEN_JOBS && (
+          <Button
+            isPrimary
+            size="lg"
+            onClick={() => {
+              window.location.href = `${process.env.URL.BASE}/gigs`;
+            }}
+          >
+            VIEW GIGS
+          </Button>
+        )}
       </div>
     </div>
   );
 };
 
+Empty.defaultProps = {
+  gigStatus: GIGS_FILTER_STATUSES.OPEN_JOBS,
+};
+
+Empty.propTypes = {
+  gigStatus: PT.string,
+};
+
 export default Empty;

src/constants/index.js

@@ -386,8 +386,14 @@ export const GIG_STATUS_TOOLTIP = {
   UNAVAILABLE: "You’re not open to take on new jobs.",
 };
 
-export const EMPTY_GIGS_TEXT =
-  "LOOKS LIKE YOU HAVEN'T APPLIED TO ANY GIG OPPORTUNITIES YET.";
+export const MY_GIGS_STATUS_EMPTY_TEXT = {
+  [GIGS_FILTER_STATUSES.ACTIVE_JOBS]: "YOU DON'T HAVE ANY ACTIVE GIGS YET.",
+  [GIGS_FILTER_STATUSES.OPEN_JOBS]:
+    "LOOKS LIKE YOU HAVEN'T APPLIED TO ANY GIG OPPORTUNITIES YET.",
+  [GIGS_FILTER_STATUSES.COMPLETED_JOBS]:
+    "YOU DON'T HAVE ANY COMPLETED GIGS YET.",
+  [GIGS_FILTER_STATUSES.ARCHIVED_JOBS]: "YOU DON'T HAVE ANY ARCHIVED GIGS YET.",
+};
 
 export const CHECKING_GIG_TIMES = 3;
 

src/containers/MyGigs/index.jsx

@@ -99,7 +99,9 @@ const MyGigs = ({
             </Button>
           </div>
         </h1>
-        {!checkingGigs && myGigs && myGigs.length == 0 && <Empty />}
+        {!checkingGigs && myGigs && myGigs.length == 0 && (
+          <Empty gigStatus={gigStatus} />
+        )}
         {!checkingGigs && myGigs && myGigs.length > 0 && (
           <JobListing
             gigStatus={gigStatus}