[WIP] New/request list

.gitignore

@@ -24,4 +24,6 @@ yarn-debug.log*
 yarn-error.log*
 
 .vs/
-*.sqlite
+*.sqlite
+
+src/fragmentTypes.json

src/components/DynamicForm/components/DynamicFormMaker/QuestionComponents/index.js

@@ -8,7 +8,6 @@ import team_progress_sentiment_buttons from "./team_progress_sentiment_buttons.j
 import voyage_application_tier_select from "./voyage_application_tier_select";
 import three_buttons from './three_buttons';
 import skill_setter from './SkillSetter';
-import multiple_text_input from './multiple_text_input';
 
 export default {
   checkbox,
@@ -22,5 +21,5 @@ export default {
   team_progress_sentiment_buttons,
   three_buttons,
   skill_setter,
-  multiple_text_input
+
 };

src/components/DynamicForm/components/DynamicFormMaker/QuestionComponents/voyage_application_tier_select.jsx

@@ -20,6 +20,21 @@ class TierSelectRadioComponent extends React.Component {
       }
     ]
     const { answer, field_name, index, onFormChange, form_data } = this.props;
+    let subtext;
+    switch (answer.value) {
+      case 1:
+        subtext = <p>HTML / Basic Javascript / Basic Algorithms (Landing Pages)</p>;
+        break;
+      case 2:
+        subtext = <p>Intermediate Algorithms / Front-end Projects (Front-End)</p>;
+        break;
+      case 3: 
+        subtext = <p>Advanced Projects / Data Visualization / Back-end (Full-Stack)</p>;
+        break;
+      default:
+        subtext = <p>HTML / Basic Javascript / Basic Algorithms (Landing Pages)</p>;
+        break;
+    }
     return (
       <div className={badges[index].btnClassName + '-container'}>
         <div key={'radio-answer_' + field_name + '_' + index} className="radio-container">
@@ -28,13 +43,8 @@ class TierSelectRadioComponent extends React.Component {
               <img className={badges[index].className} src={badges[index].img} alt={'badge-' + index} />
             </div>
             <div className="badge-title">{`Tier ${answer.text}`}</div>
-            {/* im sorry... */}
             <div className="badge-subtext">
-              {
-                answer.value === 1 && <p>HTML / Basic Javascript / Basic Algorithms (Landing Pages)</p> ||
-                answer.value === 2 && <p>Intermediate Algorithms / Front-end Projects (Front-End)</p> ||
-                answer.value === 3 && <p>Advanced Projects / Data Visualization / Back-end (Full-Stack)</p>
-              }
+              {subtext}
             </div>
             <input
               className="form-radio special-badge-input"

src/components/FeedPortal/components/NewsFeed.jsx

@@ -6,24 +6,22 @@ import Loader from "../../Loader"
 import NewsfeedItems from './index';
 import FeedItemContainer from './FeedItem';
 import NoNews from './NoNews';
-import NewsfeedStandup from "./NewsfeedStandup";
 import * as ProjectCards from '../../ProjectCard';
 
 const NewsFeed = ({ type, loading, data }) => {
   const getTitle = (project) => `
     ${project ? `${project.team_name.toUpperCase()}` : "ALL"} NEWS
   `;
 
-
-  const renderNewsfeedItems = items => items.map(
-    item => {
-      return FeedItemContainer({
-        component: NewsfeedItems[item.type],
-        item,
-        key: item.id,
-      })
-    }
-  );
+  // const renderNewsfeedItems = items => items.map(
+  //   item => {
+  //     return FeedItemContainer({
+  //       component: NewsfeedItems[item.type],
+  //       item,
+  //       key: item.id,
+  //     })
+  //   }
+  // );
 
   const renderStandups = standups => standups.map(
     standup => (

src/components/ProjectCard/CohortProjectInfo.jsx

@@ -1,4 +1,4 @@
-import React, { Fragment } from "react";
+import React from "react";
 import dateFormatter from "../utilities/dateFormatter.js"
 
 const CohortProjectInfo = ({ project }) => {

src/components/ProjectCard/ProjectImage.jsx

@@ -5,6 +5,7 @@ const ProjectImage = ({ project }) => {
   return (
     <Link className="project-img-container" to={`/project/${project.id}`}>
       <img
+        alt="project-img"
         className="project-img"
         src={require('../../assets/Artboard 17.png')} />
        <div className="project-img-text">Work In Progress</div>

src/components/ProjectCard/ProjectInfo.jsx

@@ -1,4 +1,4 @@
-import React, { Fragment } from "react";
+import React from "react";
 import { Link } from "react-router-dom"
 
 const ProjectInfo = ({ project }) => {

src/components/ProjectCard/index.jsx

@@ -3,7 +3,6 @@ import CohortProjectInfo from './CohortProjectInfo';
 import ProjectImage from './ProjectImage';
 import ProjectInfo from './ProjectInfo';
 import TeamButtons from './TeamButtons';
-import TeamResourceLinks from './TeamResourceLinks';
 import './ProjectCard.css';
 import './TeamCard.css';
 

src/components/Ticketbox/Ticketbox.scss

@@ -10,7 +10,7 @@
 .ticketbox-btn--main {
     background-color: $theme-green;
     color: white;
-    font-size: 60px;
+    font-size: 55px;
     width: 90px;
     height: 90px;
     border-radius: 50%;
@@ -25,18 +25,22 @@
 PLACEMENT OF MODALS
 ==========================
 */
-.bug-suggestion-box,
-.ticketbox-btn-section {
+.bug-suggestion-box {
     position: absolute;
     right: 20px;
     bottom: 120px;
     background-color: white;
     box-shadow: $box-shadow;
     padding: 30px;
-    width: 380px;
+    width: 400px;
     max-height: calc(100vh - 200px);	
     overflow-y: auto;
 }
+.ticketbox-btn-section {
+    position: absolute;
+    right: 15px;
+    bottom: 120px;
+}
 /*
 ==========================
 TICKETBOX MAIN BTN SELECTION
@@ -68,14 +72,17 @@ TICKETBOX MAIN BTN SELECTION
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
     grid-gap: 15px;
+    align-items: center;
+    justify-items: end;
 }
 
 .ticketbox-btn--container {
     text-align: center;
     cursor: pointer;
     transition: all .075s ease-out;
     display: grid;
-    justify-items: center;
+    justify-items: end;
+    align-items: center;
     &:hover {
       transform: scale(1.1);
     }
@@ -84,24 +91,39 @@ TICKETBOX MAIN BTN SELECTION
       transform: none;
     }
   }
+
+    .ticketbox-btn--text {
+        display: none;
+        color: white;
+        background-color: $darker-grey;
+        font-weight: 600;
+        letter-spacing: 1.2px;
+        text-transform: capitalize;
+        justify-self: end;
+        border-radius: 5px;
+        width: auto;
+        position: relative;
+        padding: 8px;
+        right: 70px;
+        margin-top: -65px;
+        white-space: nowrap
+    }
   .ticketbox-btn {
-    width: 80px;
-    height: 80px;
+    width: 60px;
+    height: 60px;
     border-radius: 50%;
     background-color: none;
     box-shadow: $box-shadow;
     cursor: pointer;
     &.disabled {
       cursor: default;
     }
+    &:hover + .ticketbox-btn--text {
+        display: block;
+    }
+
 }
-.ticketbox-btn--text {
-    color: $dark-grey;
-    text-transform: uppercase;
-    letter-spacing: 1.5px;
-    width: 100px;
-    margin-top: 10px;
-}
+
 /*
 ==========================
 BUG & SUGGESTION FORMS
@@ -124,6 +146,10 @@ BUG & SUGGESTION FORMS
 .color--help {
     background-color: $help;
 }
+
+.color--tickets {
+    background-color: #1B1464;
+}
 .box-icon {
     display: block;
     margin: 0 auto;
@@ -188,9 +214,9 @@ FORM STYLING
         margin-bottom: 20px;
     }
     .form-question {
-        text-transform: uppercase;
+        // text-transform: uppercase;
         letter-spacing: 1.3px;
-        color: $grey;
+        color: $darker-grey;
         padding-bottom: 5px;
         font-size: 12px;
     }
@@ -266,4 +292,8 @@ SUCCESS FORM
         font-weight: 400;	
         line-height: 20px;	
     }
+}
+
+.tickets-container {
+    background-color: $palest-grey !important;
 }

src/components/Ticketbox/components/Feedback/BugSuggestion.jsx

@@ -87,6 +87,6 @@ export default props => (
     {...props}
     query={siteLocationEnumQuery}
     component={BugSuggestion}
-    loader
+    loader={{size: 'small', color: 'rgba:(0,0,0,0)'}}
   />
 );