Finish migrating to PdfLogEntry component (#5483)

GitOrigin-RevId: 93f1da35dbc80b317964133e0437373dd0af7933
This commit is contained in:
Alf Eaton
2021-10-18 08:04:12 +00:00
committed by Copybot
parent 9ffe28649c
commit 89dfcaf528
9 changed files with 22 additions and 19 deletions
@@ -1,22 +0,0 @@
import { memo } from 'react'
import { useTranslation } from 'react-i18next'
import Icon from '../../../shared/components/icon'
function PdfCodeCheckFailedNotice() {
const { t } = useTranslation()
return (
<div className="log-entry">
<div className="log-entry-header log-entry-header-error">
<div className="log-entry-header-icon-container">
<Icon type="exclamation-triangle" modifier="fw" />
</div>
<h3 className="log-entry-header-title">
{t('code_check_failed_explanation')}
</h3>
</div>
</div>
)
}
export default memo(PdfCodeCheckFailedNotice)
@@ -1,49 +0,0 @@
import { memo } from 'react'
import { useTranslation } from 'react-i18next'
import usePersistedState from '../../../shared/hooks/use-persisted-state'
function PdfLogsPaneInfoNotice() {
const { t } = useTranslation()
const [dismissed, setDismissed] = usePersistedState(
'logs_pane.dismissed_info_notice',
false
)
if (dismissed) {
return null
}
return (
<div className="log-entry">
<div className="log-entry-header log-entry-header-raw">
<div className="log-entry-header-icon-container">
<span className="info-badge" />
</div>
<h3 className="log-entry-header-title">
{t('logs_pane_info_message')}
</h3>
<a
href="https://forms.gle/zYByeRPcDtA6nDS19"
target="_blank"
rel="noopener noreferrer"
className="log-entry-header-link log-entry-header-link-raw"
>
<span className="log-entry-header-link-location">
{t('give_feedback')}
</span>
</a>
<button
className="btn-inline-link log-entry-header-link"
type="button"
aria-label={t('dismiss')}
onClick={() => setDismissed(true)}
>
<span aria-hidden="true">&times;</span>
</button>
</div>
</div>
)
}
export default memo(PdfLogsPaneInfoNotice)