backpack-ui/src/components/lastUpdated/index.jsx

Lonely Planet's Components

import React from "react";
import settings from "../../../settings.json";

const styles = {
  base: {
    color: settings.color.lightText,
    fontFamily: settings.font.family.miller,
    fontSize: "1.6rem",
    fontStyle: "italic",
    lineHeight: 1,
  },
};

/**
 * LastUpdated component
 */
function LastUpdated({ date, editUrl }) {
  return (
    <div
      className="LastUpdated"
      style={styles.base}
    >
      <p>
        Last updated {date}. {editUrl && <a href={editUrl}>Suggest an edit.</a>}
      </p>
    </div>
  );
}

LastUpdated.propTypes = {
  /**
   * Date
   */
  date: React.PropTypes.string.isRequired,

  /**
   * Link to "suggest an edit" page
   */
  editUrl: React.PropTypes.string,
};

LastUpdated.defaultProps = {
  content: "",

  editUrl: "",
};

LastUpdated.styles = styles;

export default LastUpdated;