new link page

1d7cbcdd · Greg Fodor · 7d564db0 · 1d7cbcdd · 1d7cbcdd · 1d7cbcdd
Commit 1d7cbcdd authored 6 years ago by Greg Fodor
--- a/src/assets/stylesheets/link.scss
+++ b/src/assets/stylesheets/link.scss
+@import 'shared';
+@import 'loader';
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  background-color: black;
+  color: white;
+}
+
+.link-root {
+  @extend %default-font;
+
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
--- a/src/link.html
+++ b/src/link.html
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="shortcut icon" type="image/png" href="/favicon.ico"/>
+    <title>Enter Code | Hubs by Mozilla</title>
+    <link href="https://fonts.googleapis.com/css?family=Zilla+Slab:300,300i,400,400i,700" rel="stylesheet">
+</head>
+
+<body>
+    <div id="link-root" class="link-root"></div>
+</body>
+
+</html>
--- a/src/link.js
+++ b/src/link.js
+import "./assets/stylesheets/link.scss";
+import React from "react";
+import ReactDOM from "react-dom";
+import registerTelemetry from "./telemetry";
+import LinkRoot from "./react-components/link-root";
+
+registerTelemetry();
+
+ReactDOM.render(<LinkRoot />, document.getElementById("link-root"));
--- a/src/react-components/link-root.js
+++ b/src/react-components/link-root.js
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { IntlProvider, FormattedMessage, addLocaleData } from "react-intl";
+import en from "react-intl/locale-data/en";
+
+import { lang, messages } from "../utils/i18n";
+import classNames from "classnames";
+import styles from "../assets/stylesheets/link.scss";
+
+addLocaleData([...en]);
+
+class LinkRoot extends Component {
+  static propTypes = {
+    intl: PropTypes.object
+  };
+
+  state = {};
+
+  componentDidMount() {}
+
+  render() {
+    return (
+      <IntlProvider locale={lang} messages={messages}>
+        <div className="link">Hello</div>
+      </IntlProvider>
+    );
+  }
+}
+
+export default LinkRoot;
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -78,6 +78,7 @@ const config = {
  entry: {
    index: path.join(__dirname, "src", "index.js"),
    hub: path.join(__dirname, "src", "hub.js"),
+    link: path.join(__dirname, "src", "link.js"),
    "avatar-selector": path.join(__dirname, "src", "avatar-selector.js")
  },
  output: {
@@ -194,6 +195,12 @@ const config = {
      chunks: ["hub"],
      inject: "head"
    }),
+    new HTMLWebpackPlugin({
+      filename: "link.html",
+      template: path.join(__dirname, "src", "link.html"),
+      chunks: ["link"],
+      inject: "head"
+    }),
    new HTMLWebpackPlugin({
      filename: "avatar-selector.html",
      template: path.join(__dirname, "src", "avatar-selector.html"),