From c396307420765cbe18682416b22bf2513bd463a4 Mon Sep 17 00:00:00 2001
From: Queen <pro-3is@Pro-3s-MacBook-Air.local>
Date: Mar 31 2021 19:41:43 +0000
Subject: [PATCH 1/3] added more instructions to the README.md file for better understanding


---

diff --git a/README.md b/README.md
index 9148773..601a92e 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,13 @@ Fedora QA info aggregator
 
 ## Setup
 
-Clone this repository and in the cloned directory run:
+-> Open shell/terminal
+-> Clone this reporsitory using the command  $ git clone https://pagure.io/fedora-qa/landingpage.git
+-> cd to landingpage using $ cd landingpage and run the commands :
+
+    $ yarn install
+    $ yarn start
+
 
     $ yarn install
     $ yarn start

From 0422efc87b163db17ff5858b0a4e247c665c3b55 Mon Sep 17 00:00:00 2001
From: Queen <pro-3is@Pro-3s-MacBook-Air.local>
Date: Mar 31 2021 19:55:23 +0000
Subject: [PATCH 2/3] added more instructions to the README.md file for better understanding


---

diff --git a/README.md b/README.md
index 601a92e..fe689c3 100644
--- a/README.md
+++ b/README.md
@@ -13,9 +13,6 @@ Fedora QA info aggregator
     $ yarn start
 
 
-    $ yarn install
-    $ yarn start
-
 The landingpage is now running at <http://localhost:3000>
 
 

From d186a859df792561b7e64e461ca547db28dd8758 Mon Sep 17 00:00:00 2001
From: Queen <pro-3is@Pro-3s-MacBook-Air.local>
Date: Apr 01 2021 05:37:55 +0000
Subject: [PATCH 3/3] changed all the bootstrap classes to reactstrap classes


---

diff --git a/src/landingpage/Blockers.js b/src/landingpage/Blockers.js
index 30b923a..33815c4 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 {Col} from "reactstrap"
 import SourceLink from "./SourceLink"
 
 class Blockers extends Component {
@@ -17,7 +18,7 @@ class Blockers extends Component {
             <SourceLink href="https://qa.fedoraproject.org/blockerbugs/" />
           </h1>
           <Row>
-            <div className="col-md-6">
+          <Col>
               <table className="events">
                 <thead>
                   <tr>
@@ -45,9 +46,8 @@ class Blockers extends Component {
                   </tr>
                 </tbody>
               </table>
-            </div>
-
-            <div className="col-md-6">
+            </Col>
+            <Col>
               <table className="events">
                 <thead>
                   <tr>
@@ -75,7 +75,7 @@ class Blockers extends Component {
                   </tr>
                 </tbody>
               </table>
-            </div>
+            </Col>
           </Row>
         </div>
       )
diff --git a/src/landingpage/LandingPage.js b/src/landingpage/LandingPage.js
index b1bee82..7f79aef 100644
--- a/src/landingpage/LandingPage.js
+++ b/src/landingpage/LandingPage.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react"
-import { Container, Row } from "reactstrap"
+import { Container, Row, Col } from "reactstrap"
 import { Link } from "react-router-dom"
 import Layout from "../layout/Layout"
 import Timeline from "./Timeline"
@@ -77,7 +77,7 @@ class LandingPage extends Component {
     components = components.map((row) => (
       <Row>
         {row.map((item) => (
-          <div className="col-md-6">
+          <Col>
             <Hideable
               config_mode={this.state.config_mode}
               toggle_handler={this.toggle_component_visibility.bind(this)}
@@ -85,7 +85,7 @@ class LandingPage extends Component {
               is_enabled={this.state.enabled_components.includes(item)}>
               {available_components[item]}
             </Hideable>
-          </div>
+          </Col>
         ))}
       </Row>
     ))
@@ -94,16 +94,17 @@ class LandingPage extends Component {
         <div className="bluebox">
           <Container>
             <Row>
-              <div className="col-md-12">
+              <Col>
                 <Timeline data={this.props.schedule} />
-              </div>
+              </Col>
             </Row>
           </Container>
         </div>
         <Container>
           {components}
           <Row className="padded">
-            <div className="col-md-12 text-right">
+          <Col>
+            <div className="text-right">
               <a
                 href="#"
                 onClick={(e) => this.toggle_config_mode(e)}
@@ -114,9 +115,11 @@ class LandingPage extends Component {
                   : "Configure visibility of the info-cards"}
               </a>
             </div>
+            </Col>
           </Row>
           <Row className="padded">
-            <div className="col-md-12 padded">
+          <Col>
+            <div className="padded">
               <Link
                 className="btn btn-primary btn-block btn-wrap-text btn-lg active"
                 to="/wizard"
@@ -125,6 +128,7 @@ class LandingPage extends Component {
                 Click here!
               </Link>
             </div>
+            </Col>
           </Row>
         </Container>
       </Layout>
diff --git a/src/wizard/Wizard.js b/src/wizard/Wizard.js
index a9ecb3e..98f96e2 100644
--- a/src/wizard/Wizard.js
+++ b/src/wizard/Wizard.js
@@ -3,7 +3,7 @@ import WizardForm from "./WizardForm"
 import Layout from "../layout/Layout"
 import { oraculumApiUrl_v1 } from "../config"
 import Actions from "./Actions"
-import { Container, Row } from "reactstrap"
+import { Container, Row, Col} from "reactstrap"
 
 import { connect } from "react-redux"
 import { loadWizardData } from "../actions/reduxActions"
@@ -52,9 +52,9 @@ class Wizard extends Component {
         </div>
         <Container>
           <Row>
-            <div className="col-md-12">
+            <Col>
               <Actions data={this.state.actions} />
-            </div>
+            </Col>
           </Row>
         </Container>
       </Layout>
diff --git a/src/wizard/WizardForm.js b/src/wizard/WizardForm.js
index 795d166..60eda09 100644
--- a/src/wizard/WizardForm.js
+++ b/src/wizard/WizardForm.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react"
-import { Row, Button } from "reactstrap"
+import { Row, Col, Button } from "reactstrap"
 import _ from "lodash"
 
 const durationString = {
@@ -51,21 +51,22 @@ class WizardForm extends Component {
             <div className="card" key={"provider_card" + p.provider}>
               <div className="card-body">
                 <Row key={p.provider}>
-                  <div className="col-md-10">
+                <Col xs="10">
                     <strong>
                       {p.scope} - {p.name}
                     </strong>
                     <br />
                     {p.description}
-                  </div>
-                  <div className="col-md-2">
+                  </Col>
+                  <Col xs="2">
+                  
                     <Button
                       className="btn-sm btn-block btn-wrap-text float-right"
                       color={btncolor}
                       onClick={(event) => this.provider_selected(p)}>
                       Tell me more!
                     </Button>
-                  </div>
+                  </Col>
                 </Row>
               </div>
             </div>
@@ -83,21 +84,21 @@ class WizardForm extends Component {
     const tag_selector =
       this.state.selected_provider === "" || !this.state.selected_provider.tags ? null : (
         <Row>
-          <div className="col-md-12">
+          <Col>
             <h1 className="padded">Make your choice!</h1>
             <Tags
               key={this.state.selected_provider.provider}
               data={this.state.selected_provider_tags.sort()}
               handler={this.tag_selected.bind(this)}
             />
-          </div>
+          </Col>
         </Row>
       )
 
     return (
       <div>
         <Row>
-          <div className="col-md-12">{providers}</div>
+          <Col>{providers}</Col>
         </Row>
         {tag_selector}
       </div>