import React from 'react' import ListSetting from './ListSetting' import ReferralLink from './ReferralLink' import { FONTS } from '../lib/constants' import { fileToDataURL as blobToUrl } from '../lib/util' const EXTENSIONS = ['.otf', '.ttf', '.woff'] const Font = ({ id, name, link }) => ( {name} {link && ( Purchase )} ) function FontSelect(props) { const inputEl = React.useRef(null) function onChange(id) { if (id === 'upload') { inputEl.current.click() } else { props.onChange(id) } } async function onFiles(e) { const { files } = e.target const name = files[0].name.split('.')[0] const url = await blobToUrl(files[0]) props.onUpload(name, url) } return (
{Font}
) } export default FontSelect