Globe View Source



The Globe component is used to show peers and file transfers on the Filecoin network.



Imports



Import React and the GLRenderer Components. Unfortunately the GLRenderer is not usable outside of this application.


0
import * as React from "react";
1
import GLRenderer from "~/components/three/GLRenderer";


Usage



Declare the Globe component. Specify countries to be true to include markers for each country.

0
class ExampleOne extends React.Component {
1
  render() {
2
    return (
3
      <React.Fragment>
4
        <GLRenderer width={768} height={480} />
5
        <GLRenderer countries width={768} height={480} />
6
      </React.Fragment>
7
    );
8
  }
9
}


Output



ExperiencesCreateFilecoinAddressCreateFilecoinStorageDealCreateTokenFilecoinBalancesListFilecoinDealsListFilecoinSettingsFriendsListPeersListSendAddressFilecoin

Components
Avatar GroupButtonsCard TabsCarouselCheckboxesColorsDatepickerDropdownsGlobeHover TileIconsInputsLine ChartList EditorLoadersModalsNotificationsRadiosSlidersStatsTablesTabsTogglesTooltipsTypography
View source