name the guides as "Learn X"

vinaypuppal · vinaypuppal · commit c5cd28dbd3dd · 2017-12-19T03:33:16.000+05:30
diff --git a/components/learn/subject-card.js b/components/learn/subject-card.js
@@ -81,7 +81,7 @@ export default ({ subject }) => (
       <i className={subject.icon} />
     </div>
     <div className="content">
-      <h3 className="title">{subject.title}</h3>
+      <h3 className="title">Learn {subject.title}</h3>
       <p className="subtitle" fontSize={[12, 14, 16]}>
         {subject.domain}
       </p>
diff --git a/pages/learn/subject.js b/pages/learn/subject.js
@@ -130,24 +130,19 @@ export default class Subject extends React.Component {
   }
 
   render() {
-    const subjectIcon = listOfSubjects.find(item => item.subjectId === this.props.url.query.subject).icon;
+    const subject = listOfSubjects.find(item => item.subjectId === this.props.url.query.subject);
     return this.state.activeSubject === null ? (
       <Layout>
         <BannerSection
           textInverted
-          title={this.props.url.query.subject.toUpperCase()}
+          title={`Learn ${subject.title}`}
           subTitle={`Curriculum for ${this.props.url.query.subject.toUpperCase()} and others Coming soon!!`}
-          icon={subjectIcon}
+          icon={subject.icon}
         />
       </Layout>
     ) : (
       <Layout>
-        <BannerSection
-          textInverted
-          title={this.props.url.query.subject.toUpperCase()}
-          subTitle="Web Development"
-          icon={subjectIcon}
-        />
+        <BannerSection textInverted title={`Learn ${subject.title}`} subTitle={subject.domain} icon={subject.icon} />
         <CurriculumSection my={[0, 4]}>
           <Flex column={false}>
             {this.state.isSidebarOpen ? (
