Skip to content

Commit

Permalink
update images to one without extra and one with
Browse files Browse the repository at this point in the history
  • Loading branch information
beccaelenzil committed May 27, 2022
1 parent 687ac45 commit c2338a4
Show file tree
Hide file tree
Showing 5 changed files with 4 additions and 4 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ In this project we will use core React concepts to build a chat messenger-style
## Project Outline
This project comes with a minimal scaffold based on the baseline React application generated by `create-react-app`. We provide the JSON file with static chat message data and the CSS styles, and you will need to implement all of the components except for the provided `TimeStamp` component.

![React Chat Log demo](./images/react-chatlog-demo-extras.png)
![React Chat Log demo](./images/react-chatlog-demo.png)

## Project Directions
- [Planning and Setup](./project-docs/setup.md)
Expand Down
Binary file modified images/react-chatlog-demo-extras.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
Binary file added images/react-chatlog-demo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions project-docs/optional-enhancements.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,10 @@ Once you can designate each message as either local or remote, you should modify
## Color Choice
Now that we have designated `ChatEntry`s as `"local"` or `"remote"`, let's add a feature to style the entries from different senders with different colors. Take a look at the image our solution for one suggestion on how to implement a color picking feature.

![React Chat Log demo](../images/react-chatlog-demo-extras.png)

### Hints
Our solution uses a `ColorChoice` component with a `setColorCallback` prop that sets the color in the `App`. Once the color in the `App` is set, it is passed as a prop through the `ChatLog` to the `ChatEntry` components.

## Header title
For one last finishing touch, consider updating the application title in the header. The text of the title should be determined dynamically based on the names of the participants in the chat log data. Consult the image of the example solution for what the title might contain.

![React Chat Log demo](../images/react-chatlog-demo-extras.png)
For one last finishing touch, consider updating the application title in the header. The text of the title should be determined dynamically based on the names of the participants in the chat log data. Consult the image of the example solution for what the title might contain.

0 comments on commit c2338a4

Please sign in to comment.