Nicolas Cantu
d3cae85b3d
- Update /presentation page to use dark theme (PageHeader, Footer, bg-cyber-darker) - Add LanguageSelector component to PageHeader for all pages - Update AuthorPresentationEditor to use dark theme styling - Update ArticleField and ArticleFormButtons to use dark theme - Add locale persistence in localStorage - Update _app.tsx to load saved locale from localStorage - All pages now support FR/EN language switching
31 lines
1010 B
TypeScript
31 lines
1010 B
TypeScript
import React from 'react'
|
|
import { t } from '@/lib/i18n'
|
|
|
|
interface ArticleFormButtonsProps {
|
|
loading: boolean
|
|
onCancel?: () => void
|
|
}
|
|
|
|
export function ArticleFormButtons({ loading, onCancel }: ArticleFormButtonsProps) {
|
|
return (
|
|
<div className="flex gap-3 pt-4">
|
|
<button
|
|
type="submit"
|
|
disabled={loading}
|
|
className="flex-1 px-4 py-2 bg-neon-cyan/20 hover:bg-neon-cyan/30 text-neon-cyan rounded-lg font-medium transition-all border border-neon-cyan/50 hover:shadow-glow-cyan disabled:opacity-50 disabled:cursor-not-allowed"
|
|
>
|
|
{loading ? t('publish.publishing') : t('publish.button')}
|
|
</button>
|
|
{onCancel && (
|
|
<button
|
|
type="button"
|
|
onClick={onCancel}
|
|
className="px-4 py-2 bg-cyber-dark hover:bg-cyber-dark/80 text-cyber-accent rounded-lg font-medium transition-colors border border-cyber-accent/30 hover:border-neon-cyan/50"
|
|
>
|
|
{t('common.back')}
|
|
</button>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|