responsive MobileView.tsx

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 5x
 
5x
 
1004x
1004x
 
 
1004x
 
 
 
 
 
5x
  import React, { memo, FunctionComponent } from 'react';
 
import ViewPicker from './ViewPicker';
 
const MobileView: FunctionComponent<{children(matched: boolean): React.ReactNode}> = ({ children }) => {
    return (
        <ViewPicker>
            { (matches: { mobile: boolean }) => {
                return children(matches.mobile);
            } }
        </ViewPicker>
    );
};
 
export default memo(MobileView);