Create modal form for user story. #240
Conversation
|
👷 Deploy request for pawternityhub pending review. 🔨 Explore the source changes: beb6673 |
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
src/components/stories/Stories.css
Outdated
| label { | ||
| font-weight: bold; | ||
| margin: 0.5em 0em 0.3em 0em; | ||
| } | ||
| input, | ||
| textarea, | ||
| .country, | ||
| .region { | ||
| border: solid 0.5px #000; | ||
| border-radius: 4px; | ||
| padding: 0.3em; | ||
| } | ||
| input, | ||
| textarea { | ||
| display: block; | ||
| width: 100%; | ||
| } | ||
| textarea { |
There was a problem hiding this comment.
double check if it affected the other forms or inputs in the site
src/components/stories/Stories.jsx
Outdated
| </Modal.Header> | ||
| <Modal.Body> | ||
| <div className="formContainer"> | ||
| <form onSubmit={handleSubmit(onSubmit)}> |
There was a problem hiding this comment.
use the Form component from react-bootstrap
|
Hi @redxzeta, I have modified the code based on your suggestions, please take a look and let me know if you want any change. Thanks a lot. |
src/components/stories/Stories.jsx
Outdated
| <Button className="story_btn" onClick={handleShow}> | ||
| Create your Story | ||
| </Button> |
There was a problem hiding this comment.
Show this button to only logged in users.
Show a button with a link to the login page so users can login
package.json
Outdated
| "react-dom": "^17.0.0", | ||
| "react-hook-form": "^7.20.5", |
There was a problem hiding this comment.
Oh right, I forgot to uninstall it.
src/components/stories/Stories.jsx
Outdated
| )} | ||
| {!user && ( | ||
| <Button className="story_btn" as={Link} to={"/login"}> | ||
| Create your Story |
There was a problem hiding this comment.
Login
if you want you could user ternary operator
Insert new story to database.
Here are some tasks I have done to fix #232 :
react-country-region-selector)react-supabaseFetchingButton.jsxin layoutPlease take a look and give me some suggestion.