Friends List View Source



Here is an example of an experience for getting friends.


Requests


Peers



Code



0
import * as React from "react";
1
import { FriendsList } from "slate-react-system";
2
3
const friendsList = {
4
  requests: [
5
    {
6
      id: 72572959238,
7
      user: "@martina",
8
      img:
9
        "https://slate.textile.io/ipfs/bafybeiguo2uhd63reslbqkkgsqedgeikhtuwn5lzqpnqzluoaa3rnkfcvi",
10
    },
11
    {
12
      id: 2572952030,
13
      user: "@jim",
14
      img:
15
        "https://slate.textile.io/ipfs/bafybeicuz5wrxonu7ud6eskrnshxb66ksg3ncu3ie776xuiydlxrkfuvmu",
16
    },
17
  ],
18
  friends: [
19
    {
20
      id: 64783925020,
21
      user: "@haris",
22
      img: null,
23
      info: {
24
        chainHead:
25
          "t3solnyrrblqlmvi6gmzewzvu62vs7uqvkl22yemzr63bcylbaaqsg44mnipepuafg7efzzx4zwcsi66jgze3q",
26
        height: 8273,
27
        location: "United States",
28
        upload: 40092,
29
        download: 83900,
30
      },
31
    },
32
    {
33
      id: 637838385993,
34
      user: "@aaron",
35
      img:
36
        "https://slate.textile.io/ipfs/bafkreicb2lookm56omsfjwuwuziwftizmdsj4oneveuqiqlu6k5hc7j5nq",
37
      info: {
38
        chainHead:
39
          "bafyl5q5qo5wolfxsui4ciujfucqwf6gqso4lettcjwl2tyismgol7c4tngvoono5rmytuqotye7oosfjv6g7a",
40
        height: 4728,
41
        location: "United Kingdom",
42
        upload: 28725802,
43
        download: 2088774,
44
      },
45
    },
46
    {
47
      id: 982799203032,
48
      user: "@colin",
49
      img:
50
        "https://slate.textile.io/ipfs/bafybeigxb4arecl6iwsvjnwzi2lqpmmif6l2kgwptac7q3tzqmsimci2yq",
51
      info: {
52
        chainHead:
53
          "t3ual5q5qo5wolfxsui4ciujfucqwf6gqso4lettcjwl2tyismgol7c4tngvoono5rmytuqotye7oosfjv6g7a",
54
        height: 9223,
55
        location: "Netherlands",
56
        upload: 7692,
57
        download: 110,
58
      },
59
    },
60
    {
61
      id: 673883729083,
62
      user: "@jason",
63
      img:
64
        "https://slate.textile.io/ipfs/bafybeicp3x3poprnrsxhnqscsiuobxejxsbcsu2t4yhte6qmcofjvjqbn4",
65
      info: {
66
        chainHead:
67
          "t3solnyrrblqlmvi6gmzewzvu62vs7uqvkl22yemzr63bcylbaaqsg44mnipepuafg7efzzx4zwcsi66jgze3q",
68
        height: 1938,
69
        location: "Albania",
70
        upload: 82802020,
71
        download: 37792,
72
      },
73
    },
74
  ],
75
};
76
77
class Example extends React.Component {
78
  render() {
79
    return <FriendsList data={friendsList} />;
80
  }
81
}
82
ExperiencesCreateFilecoinAddressCreateFilecoinStorageDealCreateTokenFilecoinBalancesListFilecoinDealsListFilecoinSettingsFriendsListPeersListSendAddressFilecoin

Components
Avatar GroupButtonsCard TabsCarouselCheckboxesColorsDatepickerDropdownsGlobeHover TileIconsInputsLine ChartList EditorLoadersModalsNotificationsRadiosSlidersStatsTablesTabsTogglesTooltipsTypography
View source