Skip to content

Icons, Fonts & Notifications #102

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 12 commits into from
Feb 2, 2020
Merged

Icons, Fonts & Notifications #102

Changes from 1 commit
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
2ab6c3a
setup notification
ShMcK Feb 1, 2020
dee6684
build with fonts
ShMcK Feb 2, 2020
e3f7a84
create script to map fonts
ShMcK Feb 2, 2020
27324bc
use default checkbox
ShMcK Feb 2, 2020
f7d82c8
cleanup load processes
ShMcK Feb 2, 2020
feeaf97
fix loading pages
ShMcK Feb 2, 2020
8dc00aa
setup test notify
ShMcK Feb 2, 2020
fc5d41c
fix issue with timeout
ShMcK Feb 2, 2020
f6b0bda
ensure loading state is displayed
ShMcK Feb 2, 2020
a85dd93
cleanup package.json and webpack config
ShMcK Feb 2, 2020
5a6120b
cleanup button styles
ShMcK Feb 2, 2020
be1e1db
fixes #99. Broken continue
ShMcK Feb 2, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
use default checkbox
  • Loading branch information
@ShMcK
ShMcK committed Feb 2, 2020
commit 27324bc3398d7355766ccdc7f6f9f185ffc315d2
24 changes: 2 additions & 22 deletions web-app/src/components/Checkbox/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,5 @@
import * as React from 'react'
import { css, jsx } from '@emotion/core'

const styles = {
box: {
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
},
input: {
border: '1px solid black',
},
loading: {
backgroundColor: 'red',
},
}
import { Checkbox as AlifdCheckbox } from '@alifd/next'

interface Props {
status: 'COMPLETE' | 'INCOMPLETE' | 'ACTIVE'
Expand All @@ -26,13 +12,7 @@ const Checkbox = (props: Props) => {

const checked = props.status === 'COMPLETE'

return (
<div css={styles.box}>
<label>
<input css={styles.input} type="checkbox" checked={checked} onChange={onChange} />
</label>
</div>
)
return <AlifdCheckbox checked={checked} onChange={onChange} />
}

export default Checkbox