strapi-plugin-filerobot/admin/src/containers/HomePage/index.js

Strapi v3 plugin for Filerobot by Scaleflex

/*
 *
 * HomePage
 *
 */

import React, { memo, useEffect, useState } from 'react';
// import PropTypes from 'prop-types';
import pluginId from '../../pluginId';

import $ from 'jquery';

import { Container, Row, Col, Tabs, Tab } from 'react-bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
import '../../theme/index.css';

import Configurations from '../Tabs/Configurations.js'
import FMAW from '../Tabs/FMAW.js'
import Media from '../Tabs/Media.js'

import { request, auth } from "strapi-helper-plugin";

const HomePage = () => {
  const [config, setConfig] = useState({
    cname: '',
    token: '',
    sec_temp: '',
    folder: ''
  });

  useEffect(() => {
    request(`/${pluginId}/config`, {method: 'GET', headers:{'Authorization':`Bearer ${auth.getToken()}`}}).then(setConfig);

    if (typeof(Storage) !== "undefined")
    {
      var activeTab = sessionStorage.getItem("activeTab");
      
      if (activeTab) 
      {
        $(`button[id$='tab-${activeTab}']`).click();
        sessionStorage.removeItem("activeTab");
      }
    }
  }, []);

  return (
    <Container fluid>
      <Row>
        <Col>
          <div className="scaleflexHeading">
            <img src="https://assets.scaleflex.com/Marketing/Logos/Filerobot+Logos/Favicon/FILEROBOT+favicon.ico" />
            <h1>Filerobot by Scaleflex</h1>
          </div>

          <Tabs defaultActiveKey="configurations">
            <Tab eventKey="configurations" title="Configurations">
              <Configurations config={config} />
            </Tab>
            <Tab eventKey="fmaw" title="FMAW">
              <FMAW config={config} />
            </Tab>
            <Tab eventKey="media" title="Media">
              <Media config={config} />
            </Tab>
          </Tabs>
        </Col>
      </Row>
    </Container>
  );
};

export default memo(HomePage);