c.30126024 s.374249 - Merge and Fixes

package.json

@@ -28,11 +28,13 @@
   },
   "browserslist": {
     "production": [
+      "ie 11",
       ">0.2%",
       "not dead",
       "not op_mini all"
     ],
     "development": [
+      "ie 11",
       "last 1 chrome version",
       "last 1 firefox version",
       "last 1 safari version"

src/components/EditProfileModal/index.jsx

@@ -9,6 +9,10 @@ import ProfileCard from '../ProfileCard';
 
 import style from './style.module.scss';
 
+import { makeColorIterator, avatarColors } from '../../lib/colors';
+const colorIterator = makeColorIterator(avatarColors);
+const nextColor = colorIterator.next();
+
 const COMMON_ATTRIBUTES = [
   'role',
   'company',
@@ -32,7 +36,8 @@ export default function EditProfileModal({
         api={api}
         stripped
         updateUser={setLocalUser}
-        user={localUser}
+        profile={localUser}
+        avatarColor={nextColor.value}
       />
       <div className={style.editor}>
         <div className={style.header}>
@@ -69,11 +74,11 @@ export default function EditProfileModal({
                 attributes: localUser.attributes.map(el =>
                   (el.attributeName === 'role' ? {...el, value: target.value} : el)
                 ),
-                role: target.value
+                title: target.value
               })
               setImmediate(() => target.focus());
             }}
-            value={localUser.role}
+            value={localUser.title}
           />
           <Input
             label="Company"
@@ -108,7 +113,7 @@ export default function EditProfileModal({
         <div className={style.pillGroup}>
           <input
             className={style.input}
-            onKeyPress={({ key }) => {
+            onKeyUp={({ key }) => {
               if (key === 'Enter') {
                 const skill = skillInputValue.trim();
                 if (skill) {
@@ -168,7 +173,7 @@ export default function EditProfileModal({
           <input
             className={style.input}
             placeholder="Enter achievements to add"
-            onKeyPress={({ key }) => {
+            onKeyUp={({ key }) => {
               if (key === 'Enter') {
                 const achie = achieInputValue.trim();
                 if (achie) {

src/components/EditProfileModal/style.module.scss

@@ -2,6 +2,9 @@
 
 .container {
   display: flex;
+  height: 791px;
+  max-height: 791px;
+  overflow-y: auto;
 }
 
 .editor {
@@ -45,6 +48,7 @@
   outline: none;
   padding: 0 10px;
   width: 100%;
+  box-sizing: border-box;
 
   &::placeholder {
     opacity: 0.5;