mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-05 16:36:11 -05:00
5e08d5f505
GitOrigin-RevId: b99c5c998de9cc36cffffaab5b318331b45e931d
57 lines
1.1 KiB
TypeScript
57 lines
1.1 KiB
TypeScript
import { ReactNode } from 'react'
|
|
import Icon from '../../../../shared/components/icon'
|
|
|
|
type Status = 'pending' | 'success' | 'error'
|
|
|
|
type LinkingStatusProps = {
|
|
status: Status
|
|
description: string | ReactNode
|
|
}
|
|
|
|
export default function LinkingStatus({
|
|
status,
|
|
description,
|
|
}: LinkingStatusProps) {
|
|
return (
|
|
<span>
|
|
<StatusIcon status={status} />
|
|
<span className="small"> {description}</span>
|
|
</span>
|
|
)
|
|
}
|
|
|
|
type StatusIconProps = {
|
|
status: Status
|
|
}
|
|
|
|
function StatusIcon({ status }: StatusIconProps) {
|
|
switch (status) {
|
|
case 'success':
|
|
return (
|
|
<Icon
|
|
type="check-circle"
|
|
fw
|
|
className="settings-widget-status-icon status-success"
|
|
/>
|
|
)
|
|
case 'error':
|
|
return (
|
|
<Icon
|
|
type="times-circle"
|
|
fw
|
|
className="settings-widget-status-icon status-error"
|
|
/>
|
|
)
|
|
case 'pending':
|
|
return (
|
|
<Icon
|
|
type="circle"
|
|
fw
|
|
className="settings-widget-status-icon status-pending"
|
|
spin
|
|
/>
|
|
)
|
|
default:
|
|
return null
|
|
}
|
|
}
|