visual-identity/app/components/standard/Web3Render.js

import React, { Fragment } from 'react';
import NoConnection from './NoConnection';

const NoWeb3 = () => (
  <div>
    NO WEB3 Provider detected
  </div>
)

const Web3Render = ({ ready, children }) => (
  <Fragment>
    {ready ? <Fragment>{children}</Fragment> : <NoConnection />}
  </Fragment>
);

export default Web3Render;