after.tsx

import * as React from 'react';
import {Devices} from "polar-shared/src/util/Devices";
import {AnnotationRepoTable2} from './AnnotationRepoTable2';

const Main = () => (

    <div style={{
        display: 'flex',
        flexDirection: 'column',
        minHeight: 0
    }}>

        <AnnotationRepoTable2/>

    </div>

);

const Default = () => (
    <Main/>
);


const Phone = () => (
    <Main/>
);

export const AnnotationListView2 = () => {

    if (Devices.get() === 'phone') {
        return <Phone/>;
    } else {
        return <Default/>;
    }

}