1
Fork 0

Move message styled element out

To make sure it isn't recreated each time MessageProgress is updated.
This commit is contained in:
viktorstrate 2021-03-05 19:51:52 +01:00
parent 1473f9f7de
commit 302ddf1296
No known key found for this signature in database
GPG Key ID: 3F855605109C1E8A
1 changed files with 7 additions and 7 deletions

View File

@ -3,14 +3,14 @@ import PropTypes from 'prop-types'
import styled from 'styled-components'
import { Message, Progress } from 'semantic-ui-react'
const MessageProgress = ({ header, content, percent = 0, ...props }) => {
const StyledProgress = styled(Progress)`
position: absolute !important;
bottom: 0;
left: 0;
width: 100%;
`
const StyledProgress = styled(Progress)`
position: absolute !important;
bottom: 0;
left: 0;
width: 100%;
`
const MessageProgress = ({ header, content, percent = 0, ...props }) => {
return (
<Message floating {...props}>
<Message.Content>