forked from external-repos/squoosh
37 lines
822 B
TypeScript
37 lines
822 B
TypeScript
import { h, Component } from 'preact';
|
|
// import Button from 'preact-material-components/Button';
|
|
// import Switch from 'preact-material-components/Switch';
|
|
// import 'preact-material-components/Switch/style.css';
|
|
import * as style from './style.scss';
|
|
import { FileObj } from '../app';
|
|
|
|
type Props = {
|
|
files: FileObj[]
|
|
};
|
|
|
|
type State = {
|
|
active: boolean
|
|
};
|
|
|
|
export default class Home extends Component<Props, State> {
|
|
state: State = {
|
|
active: false
|
|
};
|
|
|
|
componentDidMount() {
|
|
setTimeout(() => {
|
|
this.setState({ active: true });
|
|
});
|
|
}
|
|
|
|
render({ files }: Props, { active }: State) {
|
|
return (
|
|
<div class={style.home + ' ' + (active ? style.active : '')}>
|
|
{ files && files[0] && (
|
|
<img src={files[0].uri} style="width:100%;" />
|
|
) }
|
|
</div>
|
|
);
|
|
}
|
|
}
|