import Progress from 'antd/lib/progress';
import * as React from "react";

import {Status} from "../utils/types";

export interface LoadingProps {
  // TODO: Make "status" a proper type.
  status: number;
}

export default class Loading extends React.Component<LoadingProps, never> {
  render() {
    const progress = this.props.status / (
      Status.Folder | Status.Feed |
      Status.Article | Status.Favicon);
    return (
      <div className="article-list-empty">
        <Progress
          percent={100 * progress}
          showInfo={false}
          status="active"
          strokeWidth={5}/>
      </div>
    )
  }
}
import Progress from 'antd/lib/progress';
import * as React from "react";

import {Status} from "../utils/types";

export interface LoadingProps {
  // TODO: Make "status" a proper type.
  status: number;
}

export default class Loading extends React.Component<LoadingProps, never> {
  render() {
    const progress = this.props.status / (
      Status.Folder | Status.Feed |
      Status.Article | Status.Favicon);
    return (
      <div className="article-list-empty">
        <Progress
          percent={100 * progress}
          showInfo={false}
          status="active"
          strokeColor={{
            from: "#ececec",
            to: "#222",
          }}
          strokeWidth={5}/>
      </div>
    )
  }
}
Change loading bar color to a gray gradient.
frontend: Change loading bar color to a gray gradient.

This matches the rest of the color scheme of the web UI.
