biancadragomir

import { AppBar, Grid, Hidden, Toolbar } from '@material-ui/core';
// ...

const Header = () => {
  // ...

return (
    <AppBar position="static">
      <Toolbar disableGutters>

biancadragomir

export const home = '/home';
export const spaceships = '/spaceships';
// ...

biancadragomir

import { useEffect } from 'react';

export const useOnScrollEffect = (
  fun: React.EffectCallback,
  elementId: string
) =>
  useEffect(() => {
    document.getElementById(elementId)?.addEventListener('scroll', fun);
    return () => window.removeEventListener('scroll', fun);
  }, [fun]);

biancadragomir

import React from 'react';

const INFINITE_SCROLL_ID = "infiniteScrollId";

const Root = () => {
  return <Grid 
    container
    direction="column"
    id={INFINITE_SCROLL_ID}
    onScroll={onScroll}

biancadragomir

...

type Props = {
  const isPopupOpen: boolean;
  const closePopup: () => void;
}

const Popup = (props: Props) => {
  ...

biancadragomir

const Popup = () => {
  ...

  const handleClose = () => {
    props.closePopup();
  }

  return (
    <ClickAwayListener onClickAway={handleClose}>
      {renderPopupContent()}

biancadragomir

module.exports = {
  project: {
    ios: {},
    android: {},
  },
  assets: ['./src/assets/fonts/'],
};

biancadragomir

android {
    ...
    buildTypes {
        release {
            shrinkResources true
            minifyEnabled true
            proguardFiles
                getDefaultProguardFile('proguard-android.txt'),
                'proguard-rules.pro'
        }