moving comment box into comments.js and user comment into comment-item.js

This commit is contained in:
Jimmy 2020-01-29 13:47:43 -08:00
parent f2c839986a
commit 9e7ff7d68d
3 changed files with 27 additions and 31 deletions

View File

@ -5,7 +5,23 @@ export class CommentItem extends Component {
render() {
return (
<div>
<div className="flex mv3">
<div className="f9 mono mr2">~fabled-faster</div>
<div className="f9 gray3">12m ago</div>
</div>
<div className="f8 lh-solid mb8">
<p className="mb2">
Wow, impressive results! Already a few examples in the comments of what bad actors could do this tech. I wanted to share an example of something good.
</p>
<p className="mb2">
I lost my dad about 6 years ago after a Stage 4 cancer diagnosis and a 3 month rapid diagnosis. I have some, but not a lot of video content of him from over the years. My mom still misses him terribly so for her 60th birthday I tried to splice together an audio message and greeting from her saying what I thought he would have said.
</p>
<p className="mb2">
The work was rough and nowhere near what this Google project could produce. She listens to that poor facsimile every year for her birthday. It's therapeutic for her. With some limits for her mental health of course, I'm sure she would love to hear my dad again with this level of fidelity.
And so would I.
</p>
</div>
</div>
)
}

View File

@ -6,7 +6,15 @@ export class Comments extends Component {
render() {
return (
<div>
<form class="mt8">
<div>
<textarea style={{resize:'vertical'}} id="comment" name="comment" placeHolder="Leave a comment here" class="f9 db border-box w-100 ba b--gray3 pt3 ph3 pb8 br1 mb2" aria-describedby="comment-desc"></textarea>
</div>
<button className="f9 pa2 bg-white br1 ba b--gray2 gray2">
Add comment
</button>
</form>
<CommentItem/>
</div>
)
}

View File

@ -35,35 +35,7 @@ export class Note extends Component {
<div className="f9 gray2">6d ago</div>
</div>
</div>
<form class="mt8">
<div>
<textarea style={{resize:'vertical'}} id="comment" name="comment" placeHolder="Leave a comment here" class="f9 db border-box w-100 ba b--gray3 pt3 ph3 pb8 br1 mb2" aria-describedby="comment-desc"></textarea>
</div>
<button className="f9 pa2 bg-white br1 ba b--gray2 gray2">
Add comment
</button>
</form>
<div>
<div className="flex mv3">
<div className="f9 mono mr2">~fabled-faster</div>
<div className="f9 gray3">12m ago</div>
</div>
<div className="f8 lh-solid mb8">
<p className="mb2">
Wow, impressive results! Already a few examples in the comments of what bad actors could do this tech. I wanted to share an example of something good.
</p>
<p className="mb2">
I lost my dad about 6 years ago after a Stage 4 cancer diagnosis and a 3 month rapid diagnosis. I have some, but not a lot of video content of him from over the years. My mom still misses him terribly so for her 60th birthday I tried to splice together an audio message and greeting from her saying what I thought he would have said.
</p>
<p className="mb2">
The work was rough and nowhere near what this Google project could produce. She listens to that poor facsimile every year for her birthday. It's therapeutic for her. With some limits for her mental health of course, I'm sure she would love to hear my dad again with this level of fidelity.
And so would I.
</p>
</div>
</div>
<Comments/>
</div>
</div>
</div>