From b743bedebf350adb88523424efae3d05f3a6f59d Mon Sep 17 00:00:00 2001
From: kunal prakash <kunalprakash1309@gmail.com>
Date: Mar 30 2021 09:25:22 +0000
Subject: SourceLink component is added


---

diff --git a/src/landingpage/Blockers.js b/src/landingpage/Blockers.js
index 763bdea..30b923a 100644
--- a/src/landingpage/Blockers.js
+++ b/src/landingpage/Blockers.js
@@ -1,5 +1,6 @@
 import React, { Component } from "react"
 import { Row } from "reactstrap"
+import SourceLink from "./SourceLink"
 
 class Blockers extends Component {
   constructor(props) {
@@ -13,13 +14,7 @@ class Blockers extends Component {
         <div>
           <h1 className="padded">
             Fedora {this.props.release} blockers and FEs{" "}
-            <a
-              target="_blank"
-              rel="noopener noreferrer"
-              href="https://qa.fedoraproject.org/blockerbugs/"
-              className="smallsuper">
-              <i className="fas fa-external-link-alt"></i>
-            </a>
+            <SourceLink href="https://qa.fedoraproject.org/blockerbugs/" />
           </h1>
           <Row>
             <div className="col-md-6">
diff --git a/src/landingpage/Events.js b/src/landingpage/Events.js
index 55d768c..54eb80b 100644
--- a/src/landingpage/Events.js
+++ b/src/landingpage/Events.js
@@ -1,5 +1,6 @@
 import React, { Component } from "react"
 import dateFormat from "dateformat"
+import SourceLink from './SourceLink'
 
 class Events extends Component {
   constructor(props) {
@@ -31,13 +32,7 @@ class Events extends Component {
       <div>
         <h1 className="padded">
           Meetings and testdays in the next 7 days{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://apps.fedoraproject.org/calendar/QA/"
-            className="smallsuper">
-            <i className="fas fa-external-link-alt"></i>
-          </a>
+          <SourceLink href="https://apps.fedoraproject.org/calendar/QA/" />
         </h1>
         <ul className="events">{meetings}</ul>
       </div>
diff --git a/src/landingpage/SourceLink.js b/src/landingpage/SourceLink.js
new file mode 100644
index 0000000..76cfa0b
--- /dev/null
+++ b/src/landingpage/SourceLink.js
@@ -0,0 +1,17 @@
+import React, {Component} from 'react'
+
+class SourceLink extends Component {
+    render() {
+        return (
+            <a
+                target="_blank"
+                rel="noopener noreferrer"
+                href={this.props.href}
+                className="smallsuper">
+                <i className="fas fa-external-link-alt"></i>
+            </a>
+        )
+    }
+}
+
+export default SourceLink
diff --git a/src/landingpage/Timeline.js b/src/landingpage/Timeline.js
index 9abd494..1de10c5 100644
--- a/src/landingpage/Timeline.js
+++ b/src/landingpage/Timeline.js
@@ -1,4 +1,5 @@
 import React, { Component } from "react"
+import SourceLink from './SourceLink'
 
 class Timeline extends Component {
   constructor(props) {
@@ -49,13 +50,7 @@ class Timeline extends Component {
       <div>
         <h1 className="padded">
           Current development schedule{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://fedorapeople.org/groups/schedule/"
-            className="smallsuper">
-            <i className="fas fa-external-link-alt"></i>
-          </a>
+          <SourceLink href="https://fedorapeople.org/groups/schedule/" />
         </h1>
         <div className="table-responsive">
           <table className="timeline">