From 91ae964cbb6a93fd481fc00ae163e8c41ee609ad Mon Sep 17 00:00:00 2001 From: Gift Date: Apr 09 2021 12:40:07 +0000 Subject: Converted all class components to functional components in the LandingPage folder as well as removed redundant codes --- diff --git a/src/landingpage/Blockers.js b/src/landingpage/Blockers.js index 30b923a..91b8226 100644 --- a/src/landingpage/Blockers.js +++ b/src/landingpage/Blockers.js @@ -1,85 +1,78 @@ -import React, { Component } from "react" +import React from "react" import { Row } from "reactstrap" import SourceLink from "./SourceLink" +const Blockers =(props)=>{ + + if (props.data) + return ( +
+

+ Fedora {props.release} blockers and FEs{" "} + +

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ Beta +
Proposed Blockers{props.data.beta_blockers_proposed}
Accepted Blockers{props.data.beta_blockers}
Proposed FEs{props.data.beta_fe_proposed}
Accepted FEs{props.data.beta_fe}
+
-class Blockers extends Component { - constructor(props) { - super(props) - this.state = { blockerbugs: {}, release: 0 } - } - - render() { - if (this.props.data) - return ( -
-

- Fedora {this.props.release} blockers and FEs{" "} - -

- -
- - - - - - - - - - - - - - - - - - - - - - - - -
- Beta -
Proposed Blockers{this.props.data.beta_blockers_proposed}
Accepted Blockers{this.props.data.beta_blockers}
Proposed FEs{this.props.data.beta_fe_proposed}
Accepted FEs{this.props.data.beta_fe}
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - -
- Final -
Proposed Blockers{this.props.data.final_blockers_proposed}
Accepted Blockers{this.props.data.final_blockers}
Proposed FEs{this.props.data.final_fe_proposed}
Accepted FEs{this.props.data.final_fe}
-
- -
- ) - } +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ Final +
Proposed Blockers{props.data.final_blockers_proposed}
Accepted Blockers{props.data.final_blockers}
Proposed FEs{props.data.final_fe_proposed}
Accepted FEs{props.data.final_fe}
+
+ +
+ ) } export default Blockers diff --git a/src/landingpage/Events.js b/src/landingpage/Events.js index 54eb80b..52f851d 100644 --- a/src/landingpage/Events.js +++ b/src/landingpage/Events.js @@ -1,58 +1,48 @@ -import React, { Component } from "react" +import React from "react" import dateFormat from "dateformat" import SourceLink from './SourceLink' - -class Events extends Component { - constructor(props) { - super(props) - this.state = { meetings: [] } - } - - render() { - const meetings = this.props.data.map((meeting) => { - const old = new Date(meeting.start) - var meeting_start = dateFormat( - new Date(old.getTime() - old.getTimezoneOffset() * 60000), - "d mmm yyyy - HH:MM" - ) - if (meeting.fullday) { - meeting_start = meeting_start.slice(0, -5) + "All day" - } - return ( - - ) - }) - return ( -
-

- Meetings and testdays in the next 7 days{" "} - -

-
    {meetings}
-
+const Events = props=>{ + const meetings = props.data.map((meeting) => { + const old = new Date(meeting.start) + var meeting_start = dateFormat( + new Date(old.getTime() - old.getTimezoneOffset() * 60000), + "d mmm yyyy - HH:MM" ) - } -} - -class Event extends Component { - render() { + if (meeting.fullday) { + meeting_start = meeting_start.slice(0, -5) + "All day" + } return ( -
  • - {this.props.start} -
    - - {this.props.summary} - -
    -
    • + ) - } + }) + return ( +
    +

    + Meetings and testdays in the next 7 days{" "} + +

    +
      {meetings}
    +
    + ) +} +const Event =props=>{ + return ( +
  • + {props.start} +
    + + {props.summary} + +
    +
    • + ) } + export default Events diff --git a/src/landingpage/Hideable.js b/src/landingpage/Hideable.js index aac075a..ce3b91f 100644 --- a/src/landingpage/Hideable.js +++ b/src/landingpage/Hideable.js @@ -1,37 +1,31 @@ -import React, { Component } from "react" +import React from "react" import _ from "lodash" -class Hideable extends Component { - constructor(props) { - super(props) - this.id = _.uniqueId("hideable-id-") +const Hideable =props=>{ + const id = _.uniqueId("hideable-id-") + if (props.component_name === undefined) { + return
    } - - render() { - if (this.props.component_name === undefined) { - return
    - } - return ( + return ( ) - } } export default Hideable diff --git a/src/landingpage/Minutes.js b/src/landingpage/Minutes.js index 4f88f2b..27235c1 100644 --- a/src/landingpage/Minutes.js +++ b/src/landingpage/Minutes.js @@ -1,28 +1,25 @@ -import React, { Component } from "react" +import React from "react" -class Events extends Component { - render() { - return ( -
    -

    Fedora QA Meeting Minutes

    -
    - - Latest minutes from {this.props.data.date} - -
    +const Events = props=>{ + return ( +
    +

    Fedora QA Meeting Minutes

    +
    - ) - } +
    + ) } - export default Events diff --git a/src/landingpage/SourceLink.js b/src/landingpage/SourceLink.js index 76cfa0b..045bf0d 100644 --- a/src/landingpage/SourceLink.js +++ b/src/landingpage/SourceLink.js @@ -1,17 +1,15 @@ -import React, {Component} from 'react' +import React from 'react' -class SourceLink extends Component { - render() { - return ( - - - - ) - } +const SourceLink =props=>{ + return ( + + + + ) } export default SourceLink diff --git a/src/landingpage/Timeline.js b/src/landingpage/Timeline.js index 1de10c5..918d03d 100644 --- a/src/landingpage/Timeline.js +++ b/src/landingpage/Timeline.js @@ -1,13 +1,8 @@ -import React, { Component } from "react" +import React from "react" import SourceLink from './SourceLink' -class Timeline extends Component { - constructor(props) { - super(props) - this.state = { schedule: [] } - } - - get_title(summary) { +const Timeline = props=>{ + const get_title = (summary)=> { summary = summary.toLowerCase() if (summary.includes("freeze")) return "At the milestone freeze, pushes from the updates-testing to the stable repository are suspended until the release candidate is accepted." @@ -19,66 +14,62 @@ class Timeline extends Component { return "Release candidate was accepted (violating no milestone criteria) and was released." } - render() { - const line = this.props.data.map((milestone) => { - return ( - - - - ) - }) - - const dates = this.props.data.map((milestone) => { - return ( - - {milestone.date} - - ) - }) + const line = props.data.map((milestone) => { + return ( + + + + ) + }) - const schedule = this.props.data.map((milestone) => { - return ( - - {milestone.summary} - - ) - }) + const dates = props.data.map((milestone) => { return ( -
    -

    - Current development schedule{" "} - -

    -
    - - - {line} - {dates} - {schedule} - -
    -
    -
    + + {milestone.date} + ) - } -} + }) -class Line extends Component { - render() { - const lineStyle = { - stroke: this.props.color, - strokeWidth: "3", - } + const schedule = props.data.map((milestone) => { return ( - - - - + + {milestone.summary} + ) + }) + + return ( +
    +

    + Current development schedule{" "} + +

    +
    + + + {line} + {dates} + {schedule} + +
    +
    +
    + ) +} +const Line = props=>{ + const lineStyle = { + stroke: props.color, + strokeWidth: "3", } + return ( + + + + + ) } export default Timeline