playground/src/components/Footer/index.jsx at efb822e063f3a7726b6a19cad80efe9e52e43d43 · react-native-elements/playground · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
import React from "react";
import { Grid, Typography, Divider } from "@material-ui/core";
import pjson from "../../../package.json";
import styles from "./Footer.module.css";

function Footer() {
  return (
    <footer>
      <Grid container spacing={5} justify="center">
        <Grid item xs={12} md={6} lg={4}>
          <Typography variant="h4" style={{ marginBottom: 10 }}>
            Playground{" "}
            <span role="img" aria-label="playground">
              🚀
            </span>
          </Typography>

          <Divider />

          <a
            href="https://github.com/react-native-elements/playground"
            target="_blank"
            rel="noopener noreferrer"
          >
            <Typography>GitHub Repositoy</Typography>
          </a>

          <a
            href="https://reactnativeelements.com/"
            target="_blank"
            rel="noopener noreferrer"
          >
            <Typography>Official Docs</Typography>
          </a>
          <br />

          <a
            href="https://www.netlify.com"
            target="_blank"
            rel="noopener noreferrer"
          >
            <img
              src="https://www.netlify.com/img/global/badges/netlify-color-accent.svg"
              alt="Deploys by Netlify"
              className={styles.netlify_img}
            />
          </a>
        </Grid>
        <Grid item xs={12} md={6} lg={4}>
          <a
            href="https://github.com/react-native-elements/react-native-elements/"
            target="_blank"
            rel="noopener noreferrer"
          >
            <Typography variant="h6">React Native Elements</Typography>
            <Typography
              variant="subtitle1"
              className={styles.footer_product_info}
            >
              Cross-Platform React Native UI Toolkit
            </Typography>

            <img
              src={require("../../assets/RNE_Logo.png")}
              className={styles.footer_product_img}
              alt="react-native-elements-logo"
            />

            <img
              alt="GitHub stars"
              src="https://img.shields.io/github/stars/react-native-elements/react-native-elements?style=social"
              className={styles.footer_github_img}
            />
            {"  "}
            <img
              alt="npm"
              src="https://img.shields.io/npm/dm/react-native-elements?style=social"
              className={styles.footer_github_img}
            />
          </a>
          <br />

          <Typography variant="caption">
            Playground is using react-native-elements v{pjson.version}
          </Typography>
          <br />
        </Grid>
      </Grid>
    </footer>
  );
}

export default Footer;