Adding hard-coded application header.

This commit is contained in:
David Joy
2020-01-15 15:51:18 -05:00
parent ed2a14de95
commit 501500f116
28 changed files with 145 additions and 60 deletions

View File

@@ -0,0 +1,30 @@
import React from 'react';
import classNames from 'classnames';
import { Button } from '@edx/paragon';
import UnitIcon from './UnitIcon';
import CompleteIcon from './CompleteIcon';
export default function UnitButton({
onClick,
pageTitle,
type,
isActive,
isComplete,
}) {
return (
<Button
className={classNames({
active: isActive,
'btn-outline-primary': !isActive,
'btn-outline-secondary': isActive,
})}
disabled={isActive}
onClick={onClick}
title={pageTitle}
>
<UnitIcon type={type} />
{isComplete ? <CompleteIcon className="text-success ml-2" /> : null}
</Button>
);
}