feat: "Request an Extension" action

ref issue #26

Author: maxceem

config/development.js

@@ -8,6 +8,12 @@ module.exports = {
    * Email to report issues to
    */
   EMAIL_REPORT_ISSUE: "[email protected]",
+
+  /**
+   * Email to request extension
+   */
+  EMAIL_REQUEST_EXTENSION: "[email protected]",
+
   API: {
     V5: "https://api.topcoder-dev.com/v5",
   },

config/production.js

@@ -8,6 +8,12 @@ module.exports = {
    * Email to report issues to
    */
   EMAIL_REPORT_ISSUE: "[email protected]",
+
+  /**
+   * Email to request extension
+   */
+  EMAIL_REQUEST_EXTENSION: "[email protected]",
+
   API: {
     V5: "https://api.topcoder.com/v5",
   },

src/routes/MyTeamsDetails/components/TeamMembers/index.jsx

@@ -16,7 +16,7 @@ import ActionsMenu from "components/ActionsMenu";
 import Button from "components/Button";
 import Pagination from "components/Pagination";
 import { DAY_FORMAT, TEAM_MEMBERS_PER_PAGE } from "constants";
-import { formatMoney, formatReportIssueUrl } from "utils/format";
+import { formatMoney, formatReportIssueUrl, formatRequestExtensionUrl } from "utils/format";
 import Input from "components/Input";
 import { skillShape } from "components/SkillsList";
 
@@ -153,7 +153,16 @@ const TeamMembers = ({ team }) => {
                             );
                           },
                         },
-                        { label: "Request an Extension", action: () => {} },
+                        {
+                          label: "Request an Extension",
+                          action: () => {
+                            window.open(
+                              formatRequestExtensionUrl(
+                                `Request extension for ${member.handle} on ${team.name}`
+                              )
+                            );
+                          },
+                        },
                       ]}
                     />
                   </div>

src/routes/MyTeamsList/components/TeamCard/index.jsx

@@ -27,12 +27,6 @@ const TeamCard = ({ team }) => {
       <div styleName="three-dots-menu">
         <ThreeDotsMenu
           options={[
-            { label: "Team Feedback", action: () => {} },
-            { label: "Team Invoices", action: () => {} },
-            { label: "Team Reports", action: () => {} },
-            { separator: true },
-            { label: "Add Team Member", action: () => {} },
-            { separator: true },
             {
               label: "Report an Issue",
               action: () => {

src/utils/format.js

@@ -3,7 +3,7 @@
  */
 import _ from "lodash";
 import { RATE_TYPE } from "constants";
-import { EMAIL_REPORT_ISSUE } from "../../config";
+import { EMAIL_REPORT_ISSUE, EMAIL_REQUEST_EXTENSION } from "../../config";
 import moment from "moment";
 
 /**
@@ -120,3 +120,14 @@ export const formatFullName = (firstName, lastName) => {
 export const formatReportIssueUrl = (subject) => {
   return `mailto:${EMAIL_REPORT_ISSUE}?subject=${encodeURIComponent(subject)}`;
 };
+
+/**
+ * Format Request an Extension URL (mailto:)
+ *
+ * @param {string} subject email subject
+ *
+ * @returns {string} request an extension URL
+ */
+export const formatRequestExtensionUrl = (subject) => {
+  return `mailto:${EMAIL_REQUEST_EXTENSION}?subject=${encodeURIComponent(subject)}`;
+};