initial pass

app/shared/components/Attribution/component.jsx

@@ -9,7 +9,9 @@ const Attribution = props => {
   return (
     <div className="attribution">
       <p className="attribution__title">Artwork by Page Waltz.</p>
+      {/* @todo - add attribution link */}
       <a className="attribution__link" href="#">
+        {/* @todo - improve accessibility of link (description) */}
         <span>Learn more</span>
       </a>
     </div>

app/shared/components/DrugGrid/component.jsx

@@ -15,6 +15,9 @@ class DrugGrid extends React.Component {
     return classes
   }
   render() {
+    /**
+    * @todo: generate this array dynamically
+    */
     const drugs = [
       [
         {

app/shared/components/PageHome/component.jsx

@@ -23,7 +23,7 @@ export default class PageHome extends React.Component {
     super(props)
     this.state = {
       selected: null,
-      windowSize: 1920
+      windowSize: 1920  // @todo: what's this for?
     }
   }
 
@@ -55,7 +55,7 @@ export default class PageHome extends React.Component {
             <div className="constrain">
               <ArrowLink
                 className="arrowlink--spacing-top arrowlink--spacing-mobile arrowlink--align-right-sm"
-                label="Or go to the drugs A-Z list"
+                label="Or go to the drugs A-Z list" // @todo: label isn't needed in this case as the text is visible
                 href="/drugs-a-z"
                 text="Or go to the drugs A-Z list"
               />
@@ -125,6 +125,7 @@ export default class PageHome extends React.Component {
           {this.props.featuredVideoBlock && (
             <BlockFeaturedVideo {...this.props.featuredVideoBlock} />
           )}
+          {/* @todo: remove this block */}
           <BlockDrugsAndyou />
           {this.props.frankAdviceBlock && (
             <BlockFrankAdvice {...this.props.frankAdviceBlock} />