diff --git a/client/src/components/dashboard/index.css b/client/src/components/dashboard/index.css index 700e0b7..4cb72d6 100644 --- a/client/src/components/dashboard/index.css +++ b/client/src/components/dashboard/index.css @@ -58,6 +58,7 @@ justify-content: space-between; align-items: center; border: 4px solid #ffa9d8; + box-shadow: 4px 4px #e396d3; } .profile-poets-list-header-container { @@ -72,9 +73,9 @@ transform: rotate(180deg); white-space: nowrap; font-weight: 400; - color: #ffb2e4; + color: #f1ff9d; font-size: 3em; - text-shadow: 4px 4px #affbff; + text-shadow: 4px 4px #ff75b3; padding: 1em 0.3em 1em 0.3em; } @@ -87,6 +88,12 @@ padding: 1em 0.5em 1em 0.5em; } +.profile-poets-empty-message { + color: #e0cefe; + text-shadow: 4px 4px #bdf2ff; + font-size: 5em; +} + .profile-poet-summary-container { display: flex; flex-direction: row; @@ -107,6 +114,7 @@ flex-direction: column; align-items: flex-start; flex-grow: 1; + word-break: break-word; } @@ -138,7 +146,6 @@ flex-direction: column; justify-content: center; padding: 0.7em; - width: 5%; color: #999; cursor: pointer; } @@ -175,6 +182,7 @@ align-items: center; border: 4px solid #b2f6ff; margin-top: 6em; + box-shadow: 5px 5px #b3e0ff; } .create-poet-form-header-container { @@ -191,7 +199,7 @@ font-weight: 400; color: #ffb2e4; font-size: 3em; - text-shadow: 4px 4px #affbff; + text-shadow: 4px 4px #84e6eb; padding: 1em 0.3em 1em 0.3em; } diff --git a/client/src/components/dashboard/poet.js b/client/src/components/dashboard/poet.js index 03ae903..daaa1b5 100644 --- a/client/src/components/dashboard/poet.js +++ b/client/src/components/dashboard/poet.js @@ -73,6 +73,14 @@ class poetMgmt extends Component { retirePoet, user, } = this.props + + const poets = map( + this.props.poets, + (poet, idx) => ( + + ), + [], + ) return (
@@ -84,13 +92,14 @@ class poetMgmt extends Component {
{ - map( - this.props.poets, - (poet, idx) => ( - - ), - [], - ) + poets.length === 0 ? +
+ {String.raw` +⚀ ⚁ ⚂ ⚃ ⚄ ⚅ + no poets +`} +
+ : poets }
@@ -135,15 +144,30 @@ export class PoetSummary extends Component { } } -const renderTextField = multiline => ({input, label, meta: {touched, error}, ...custom}) => ( +const renderTextField = ({input, label, meta: {touched, error}, ...custom}) => ( + +) + +const renderMultiLineTextField = ({input, label, meta: {touched, error}, ...custom}) => ( input.onChange(value)} children={children} - hintStyle={{color: '#f28cce', fontSize: '1.5em'}} + labelStyle={{color: '#f28cce', fontSize: '1.5em'}} inputStyle={{color: '#f28cce', fontSize: '1.5em'}} + listStyle={{color: '#f28cce', fontSize: '1.5em'}} underlineStyle={{borderColor: '#19ecff'}} underlineFocusStyle={{borderColor: '#f28cce'}} style={{ @@ -194,15 +219,15 @@ export class createPoetForm extends Component { return (
-
upload a poet
+
upload poet
- +
- +
@@ -224,7 +249,7 @@ export class createPoetForm extends Component {
- optional + optional