agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-11-14 22:23:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #36463 from overleaf/mj-themed-history-modals

Browse Source 
[web] Add theme support to history modals

GitOrigin-RevId: 10cc2176b91213342e066fad8ff0eba265d868ec
This commit is contained in:
Mathias Jakobsen
2026-09-17 11:54:00 +00:00
committed by Copybot
parent 6a800028be
commit 2cb515ac2f
7 changed files with 22 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/web/frontend/js/features/history/components/diff-view/modals/restore-file-confirm-modal.tsx
+3 -1
View File
@@ -9,6 +9,7 @@ import {
} from '@/shared/components/ol/ol-modal'
import OLButton from '@/shared/components/ol/ol-button'
import { useTranslation } from 'react-i18next'
import { useFeatureFlag } from '@/shared/context/split-test-context'
type RestoreFileConfirmModalProps = {
show: boolean
@@ -26,9 +27,10 @@ export function RestoreFileConfirmModal({
const { t } = useTranslation()
const date = useMemo(() => formatTime(timestamp, 'Do MMMM'), [timestamp])
const time = useMemo(() => formatTime(timestamp, 'h:mm a'), [timestamp])
const themed = useFeatureFlag('themed-modals')
return (
<OLModal show={show} onHide={onHide}>
<OLModal show={show} onHide={onHide} themed={themed}>
<OLModalHeader>
<OLModalTitle>{t('restore_file_confirmation_title')}</OLModalTitle>
</OLModalHeader>
services/web/frontend/js/features/history/components/diff-view/modals/restore-file-error-modal.tsx
+3 -1
View File
@@ -7,6 +7,7 @@ import {
} from '@/shared/components/ol/ol-modal'
import OLButton from '@/shared/components/ol/ol-button'
import { useTranslation } from 'react-i18next'
import { useFeatureFlag } from '@/shared/context/split-test-context'
export function RestoreFileErrorModal({
resetErrorBoundary,
@@ -14,9 +15,10 @@ export function RestoreFileErrorModal({
resetErrorBoundary: VoidFunction
}) {
const { t } = useTranslation()
const themed = useFeatureFlag('themed-modals')
return (
<OLModal show onHide={resetErrorBoundary}>
<OLModal show onHide={resetErrorBoundary} themed={themed}>
<OLModalHeader>
<OLModalTitle>{t('restore_file_error_title')}</OLModalTitle>
</OLModalHeader>
services/web/frontend/js/features/history/components/diff-view/modals/restore-project-error-modal.tsx
+3 -1
View File
@@ -7,6 +7,7 @@ import {
} from '@/shared/components/ol/ol-modal'
import OLButton from '@/shared/components/ol/ol-button'
import { useTranslation } from 'react-i18next'
import { useFeatureFlag } from '@/shared/context/split-test-context'
export function RestoreProjectErrorModal({
resetErrorBoundary,
@@ -14,9 +15,10 @@ export function RestoreProjectErrorModal({
resetErrorBoundary: VoidFunction
}) {
const { t } = useTranslation()
const themed = useFeatureFlag('themed-modals')
return (
<OLModal show onHide={resetErrorBoundary}>
<OLModal show onHide={resetErrorBoundary} themed={themed}>
<OLModalHeader>
<OLModalTitle>
{t('an_error_occured_while_restoring_project')}
services/web/frontend/js/features/history/components/diff-view/modals/restore-project-modal.tsx
+3 -1
View File
@@ -9,6 +9,7 @@ import { formatDate } from '@/utils/dates'
import { useCallback } from 'react'
import OLButton from '@/shared/components/ol/ol-button'
import { useTranslation } from 'react-i18next'
import { useFeatureFlag } from '@/shared/context/split-test-context'
type RestoreProjectModalProps = {
setShow: React.Dispatch<React.SetStateAction<boolean>>
@@ -26,13 +27,14 @@ export const RestoreProjectModal = ({
onRestore,
}: RestoreProjectModalProps) => {
const { t } = useTranslation()
const themed = useFeatureFlag('themed-modals')
const onCancel = useCallback(() => {
setShow(false)
}, [setShow])
return (
<OLModal onHide={() => setShow(false)} show={show}>
<OLModal onHide={() => setShow(false)} show={show} themed={themed}>
<OLModalHeader>
<OLModalTitle>{t('restore_this_version')}</OLModalTitle>
</OLModalHeader>