@strapi/admin 4.1.3 → 4.1.4-alpha.0

package/admin/src/pages/MarketplacePage/MarketplaceBanner/index.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { FormattedMessage, useIntl } from 'react-intl';
-import { useTracking } from '@strapi/helper-plugin';
-import Wrapper from './Wrapper';
-import LogoStrapi from '../../../assets/images/banner_strapi-rocket.png';
-
-const MarketplaceBanner = () => {
-  const { formatMessage } = useIntl();
-  const { trackUsage } = useTracking();
-
-  return (
-    <Wrapper>
-      <img
-        className="bannerImage"
-        src={LogoStrapi}
-        alt={formatMessage({ id: 'app.components.MarketplaceBanner.image.alt' })}
-      />
-      <div>
-        <div>
-          <FormattedMessage id="app.components.MarketplaceBanner" />
-        </div>
-        <a
-          href="https://github.com/strapi/awesome-strapi"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="bannerLink"
-          onClick={() => trackUsage('didGoToStrapiAwesome')}
-        >
-          <FormattedMessage id="app.components.MarketplaceBanner.link" />
-          <i className="fa fa-external-link-alt" />
-        </a>
-      </div>
-    </Wrapper>
-  );
-};
-
-export default MarketplaceBanner;

package/admin/src/pages/MarketplacePage/PluginCard/Wrapper.js

@@ -1,148 +0,0 @@
-import styled from 'styled-components';
-
-const Wrapper = styled.div`
-  .wrapper {
-    position: relative;
-    min-height: 216px;
-    margin-bottom: 3.6rem;
-    padding: 1.2rem 1.5rem;
-    padding-bottom: 0;
-    background-color: #fff;
-    box-shadow: 0 2px 4px #e3e9f3;
-    -webkit-font-smoothing: antialiased;
-  }
-
-  .cardTitle {
-    display: flex;
-    font-size: 13px;
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.5px;
-
-    > div:first-child {
-      margin-right: 14px;
-    }
-
-    > div:last-child {
-      height: 36px;
-      line-height: 36px;
-    }
-
-    i,
-    svg {
-      margin-left: 7px;
-      color: #b3b5b9;
-      font-size: 1rem;
-      vertical-align: baseline;
-      cursor: pointer;
-    }
-  }
-
-  .cardDescription {
-    height: 54px;
-    margin-top: 27px;
-    margin-bottom: 9px;
-    font-size: 13px;
-    font-weight: 400;
-
-    > span:last-child {
-      color: #1c5de7;
-    }
-    -webkit-font-smoothing: antialiased;
-  }
-
-  .cardFooter {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    display: flex;
-    width: 100%;
-    height: 45px;
-    padding: 0.9rem 1.5rem 1rem;
-    background-color: #fafafb;
-    justify-content: space-between;
-    flex-direction: row-reverse;
-    cursor: initial;
-  }
-
-  .compatible {
-    margin-top: 3px;
-    color: #5a9e06;
-    font-size: 1.3rem;
-    font-style: italic;
-
-    > i,
-    > svg {
-      margin-right: 7px;
-      font-size: 12px;
-    }
-  }
-
-  .settings {
-    margin-top: 3px;
-    color: #323740;
-    font-size: 1.3rem;
-    font-weight: 500;
-    cursor: pointer;
-
-    > i,
-    > svg {
-      margin-right: 7px;
-      font-size: 11px;
-      vertical-align: inherit;
-    }
-  }
-
-  .button {
-    height: 26px;
-    min-width: 89px !important;
-    padding: 0 15px;
-    margin: 0;
-    border-radius: 2px !important;
-    line-height: 23px;
-    font-size: 13px;
-    cursor: pointer;
-    span {
-      display: inline-block;
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .frame {
-    width: 70px;
-    height: 36px;
-    margin: auto 0;
-    text-align: center;
-    border: 1px solid #f3f3f7;
-    border-radius: 3px;
-    white-space: nowrap;
-    > img {
-      max-height: 36px;
-      vertical-align: middle;
-    }
-  }
-
-  .helper {
-    display: inline-block;
-    height: 100%;
-    vertical-align: middle;
-  }
-  .primary {
-    background: linear-gradient(315deg, #0097f6 0%, #005eea 100%);
-    color: white;
-    font-weight: 500;
-    -webkit-font-smoothing: antialiased;
-
-    &:active {
-      box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15);
-    }
-  }
-
-  .secondary {
-    border: 1px solid #dfe0e1;
-    font-weight: 600;
-  }
-`;
-
-export default Wrapper;

package/admin/src/pages/MarketplacePage/PluginCard/index.js

@@ -1,185 +0,0 @@
-/**
- *
- * PluginCard
- *
- */
-/* eslint-disable */
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import { Button, PopUpWarning, CheckPermissions } from '@strapi/helper-plugin';
-import adminPermissions from '../../../permissions';
-import Wrapper from './Wrapper';
-
-/* eslint-disable react/no-unused-state */
-class PluginCard extends React.Component {
-  state = {
-    boostrapCol: 'col-lg-4',
-    showModalAutoReload: false,
-    showModalEnv: false,
-  };
-
-  componentDidMount() {
-    // Listen window resize.
-    window.addEventListener('resize', this.setBoostrapCol);
-    this.setBoostrapCol();
-  }
-
-  componentWillUnmount() {
-    window.removeEventListener('resize', this.setBoostrapCol);
-  }
-
-  setBoostrapCol = () => {
-    let boostrapCol = 'col-lg-4';
-
-    if (window.innerWidth > 1680) {
-      boostrapCol = 'col-lg-3';
-    }
-
-    if (window.innerWidth > 2300) {
-      boostrapCol = 'col-lg-2';
-    }
-
-    this.setState({ boostrapCol });
-  };
-
-  handleDownloadPlugin = e => {
-    const {
-      autoReload,
-      currentEnvironment,
-      downloadPlugin,
-      history: { push },
-      isAlreadyInstalled,
-      plugin: { id },
-    } = this.props;
-
-    if (!autoReload) {
-      this.setState({ showModalAutoReload: true });
-    } else if (currentEnvironment !== 'development') {
-      this.setState({ showModalEnv: true });
-    } else if (!isAlreadyInstalled) {
-      downloadPlugin(id);
-    } else {
-      push('/list-plugins');
-    }
-  };
-
-  render() {
-    const buttonClass = !this.props.isAlreadyInstalled ? 'primary' : 'secondary';
-    const buttonLabel = this.props.isAlreadyInstalled
-      ? 'app.components.PluginCard.Button.label.install'
-      : 'app.components.PluginCard.Button.label.download';
-
-    const settingsComponent = null;
-
-    const descriptions = {
-      short:
-        this.props.plugin.id === 'support-us' ? (
-          <FormattedMessage id={this.props.plugin.description.short} />
-        ) : (
-          this.props.plugin.description.short
-        ),
-      long:
-        this.props.plugin.id === 'support-us' ? (
-          <FormattedMessage
-            id={this.props.plugin.description.long || this.props.plugin.description.short}
-          />
-        ) : (
-          this.props.plugin.description.long || this.props.plugin.description.short
-        ),
-    };
-
-    return (
-      <Wrapper className={this.state.boostrapCol}>
-        <div className="wrapper">
-          <div className="cardTitle">
-            <div className="frame">
-              <span className="helper" />
-              <img src={this.props.plugin.logo} alt="icon" />
-            </div>
-            <div
-              onClick={e => {
-                // FIXME: dead link as we are changing the naming. Would be better to use a url comming from the api call directly
-                window.open(
-                  `https://github.com/strapi/strapi/tree/master/packages/strapi-plugin-${this.props.plugin.id}`,
-                  '_blank'
-                );
-              }}
-            >
-              {this.props.plugin.name} <i className="fa fa-external-link-alt" />
-            </div>
-          </div>
-          <div className="cardDescription">{descriptions.long}</div>
-          <div className="cardFooter" onClick={e => e.stopPropagation()}>
-            <div className="cardFooterButton">
-              <CheckPermissions permissions={adminPermissions.marketplace.install}>
-                <Button
-                  className={`${buttonClass} button`}
-                  label={buttonLabel}
-                  type="button"
-                  onClick={this.handleDownloadPlugin}
-                />
-              </CheckPermissions>
-            </div>
-            {this.props.isAlreadyInstalled ? (
-              settingsComponent
-            ) : (
-              <div className="compatible">
-                <i className={`fa fa-${this.props.plugin.isCompatible ? 'check' : 'times'}`} />
-                <FormattedMessage
-                  id={`app.components.PluginCard.compatible${
-                    this.props.plugin.id === 'support-us' ? 'Community' : ''
-                  }`}
-                />
-              </div>
-            )}
-          </div>
-        </div>
-
-        <PopUpWarning
-          content={{
-            message: 'app.components.PluginCard.PopUpWarning.install.impossible.autoReload.needed',
-            title: 'app.components.PluginCard.PopUpWarning.install.impossible.title',
-            confirm: 'app.components.PluginCard.PopUpWarning.install.impossible.confirm',
-          }}
-          isOpen={this.state.showModalAutoReload}
-          onlyConfirmButton
-          onConfirm={() => this.setState({ showModalAutoReload: false })}
-          popUpWarningType="warning"
-        />
-        <PopUpWarning
-          content={{
-            message: 'app.components.PluginCard.PopUpWarning.install.impossible.environment',
-            title: 'app.components.PluginCard.PopUpWarning.install.impossible.title',
-            confirm: 'app.components.PluginCard.PopUpWarning.install.impossible.confirm',
-          }}
-          isOpen={this.state.showModalEnv}
-          onlyConfirmButton
-          onConfirm={() => this.setState({ showModalEnv: false })}
-          popUpWarningType="warning"
-        />
-      </Wrapper>
-    );
-  }
-}
-
-PluginCard.defaultProps = {
-  isAlreadyInstalled: false,
-  plugin: {
-    description: '',
-    id: '',
-    name: '',
-    price: 0,
-    ratings: 5,
-  },
-};
-
-PluginCard.propTypes = {
-  currentEnvironment: PropTypes.string.isRequired,
-  downloadPlugin: PropTypes.func.isRequired,
-  history: PropTypes.object.isRequired,
-  isAlreadyInstalled: PropTypes.bool,
-  plugin: PropTypes.object,
-};
-
-export default PluginCard;

package/admin/src/pages/MarketplacePage/Wrapper.js

@@ -1,5 +0,0 @@
-import styled from 'styled-components';
-
-const Wrapper = styled.div``;
-
-export default Wrapper;