-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Replace Edit component w/ TimelineActionCard
- Loading branch information
Justin Campbell
committed
Oct 22, 2020
1 parent
32c0963
commit db82683
Showing
5 changed files
with
85 additions
and
35 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,60 @@ | ||
Renders a card like view for an action with free form text content like an Edit or Reply. | ||
|
||
```jsx | ||
import { ThemeProvider } from "@material-ui/core/styles"; | ||
import webqueue2Theme from "../../theme"; | ||
import TimelineActionCard from "./TimelineActionCard"; | ||
|
||
const theme = webqueue2Theme(false); | ||
|
||
<ThemeProvider theme={theme}> | ||
<div style={{ display: "flex", justifyContent: "space-around" }}> | ||
<div style={{ flexGrow: 1, padding: "0 8px" }}> | ||
<TimelineActionCard | ||
type="edit" | ||
by="campb303" | ||
datetime="2020-06-23T13:27:56" | ||
content={[ | ||
"This be an edit my boy\n" | ||
]} | ||
/> | ||
</div> | ||
<div style={{ flexGrow: 1, padding: "0 8px" }}> | ||
<TimelineActionCard | ||
type="reply_to_user" | ||
by="campb303" | ||
datetime="2020-06-23T13:28:18" | ||
content={[ | ||
"This be a reply my son\n", | ||
"\n", | ||
"Justin\n", | ||
"ECN\n" | ||
]} | ||
/> | ||
</div> | ||
</div> | ||
</ThemeProvider> | ||
``` | ||
|
||
```jsx static | ||
<TimelineActionCard | ||
type="edit" | ||
by="campb303" | ||
datetime="2020-06-23T13:27:56" | ||
content={[ | ||
"This be an edit my boy\n" | ||
]} | ||
/> | ||
|
||
<TimelineActionCard | ||
type="reply_to_user" | ||
by="campb303" | ||
datetime="2020-06-23T13:28:18" | ||
content={[ | ||
"This be a reply my son\n", | ||
"\n", | ||
"Justin\n", | ||
"ECN\n" | ||
]} | ||
/> | ||
``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
export { default } from "./TimelineActionCard"; |