-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Transition to Redux Toolkit, Tinymce React Editor, and Framer Motion (#…
…21) * Transition to Redux Slices - Go from Animejs to motion-frame - Cleanup speaker card components - Update dependencies * Move to TinyMce React Editor - Fix Speaker Cards * Cleanup Mobile Ticket Button - Now animates it's expansion - Uses Framer to move it's location - Cleanup some styling around the button and header
- Loading branch information
Showing
57 changed files
with
6,710 additions
and
5,304 deletions.
There are no files selected for viewing
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
Large diffs are not rendered by default.
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
File renamed without changes.
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,54 @@ | ||
| import React, { FC } from 'react'; | ||
| import { useDispatch } from 'react-redux'; | ||
| import createDOMPurity from 'dompurify'; | ||
|
|
||
| import { Speaker } from 'models/speaker'; | ||
| import { Clear } from '@mui/icons-material'; | ||
|
|
||
| import Socials from '../../controls/SpeakerCard/Socials'; | ||
| import Subtitle from '../../controls/SpeakerCard/Subtitle'; | ||
| import { Typography, DialogContent, Divider, Button } from '@mui/material'; | ||
| import { closeDialog } from 'store/dialogs/reducer'; | ||
|
|
||
| import './Details.scss'; | ||
|
|
||
| type Props = { | ||
| speaker: Speaker; | ||
| }; | ||
|
|
||
| const DOMPurify = createDOMPurity(window); | ||
|
|
||
| const Details: FC<Props> = ({ speaker }) => { | ||
| const dispatch = useDispatch(); | ||
|
|
||
| const close = () => { | ||
| dispatch(closeDialog()); | ||
| } | ||
|
|
||
| return ( | ||
| <DialogContent className="speaker-details"> | ||
| <Button className="action close" onClick={close}> | ||
| <Clear /> | ||
| </Button> | ||
|
|
||
| <div className="header"> | ||
| <img title="Speaker Portrait" className="portrait-image portrait-avatar" src={speaker.portraitUrl} /> | ||
| </div> | ||
| <div className="content"> | ||
| <Typography variant="h6">{speaker.name}</Typography> | ||
| <Subtitle title={speaker.title} company={speaker.company} /> | ||
| </div> | ||
|
|
||
| <Socials speaker={speaker} /> | ||
|
|
||
| {speaker?.bio && ( | ||
| <> | ||
| <Divider /> | ||
| <div className="bio" dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(speaker.bio) }} /> | ||
| </> | ||
| )} | ||
| </DialogContent> | ||
| ); | ||
| } | ||
|
|
||
| export default Details; |
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
Oops, something went wrong.