From 87b8a3b4e2e6e8ea2c797e9bafb0c9e8e8bb1441 Mon Sep 17 00:00:00 2001 From: soupette Date: Tue, 24 Aug 2021 17:04:13 +0200 Subject: [PATCH] Remove old files Signed-off-by: soupette --- .../Webhooks/ListRow/StyledListRow.js | 49 ------- .../src/components/Webhooks/ListRow/index.js | 113 ---------------- .../src/components/Webhooks/Switch/Toggle.js | 30 ---- .../src/components/Webhooks/Switch/Wrapper.js | 67 --------- .../src/components/Webhooks/Switch/index.js | 51 ------- .../admin/src/components/Webhooks/index.js | 2 - .../admin/admin/src/pages/Admin/Content.js | 30 ---- .../src/pages/Admin/Logout/components.js | 128 ------------------ .../admin/src/pages/Admin/Logout/index.js | 60 -------- .../admin/admin/src/pages/Admin/Wrapper.js | 27 ---- .../admin/src/pages/Admin/tests/index.test.js | 2 - .../admin/admin/src/pages/App/constants.js | 8 -- .../admin/src/pages/App/styles/website.css | 25 ---- .../src/pages/Webhooks/ListView/Wrapper.js | 31 ----- 14 files changed, 623 deletions(-) delete mode 100644 packages/core/admin/admin/src/components/Webhooks/ListRow/StyledListRow.js delete mode 100644 packages/core/admin/admin/src/components/Webhooks/ListRow/index.js delete mode 100644 packages/core/admin/admin/src/components/Webhooks/Switch/Toggle.js delete mode 100644 packages/core/admin/admin/src/components/Webhooks/Switch/Wrapper.js delete mode 100644 packages/core/admin/admin/src/components/Webhooks/Switch/index.js delete mode 100644 packages/core/admin/admin/src/pages/Admin/Content.js delete mode 100644 packages/core/admin/admin/src/pages/Admin/Logout/components.js delete mode 100644 packages/core/admin/admin/src/pages/Admin/Logout/index.js delete mode 100644 packages/core/admin/admin/src/pages/Admin/Wrapper.js delete mode 100644 packages/core/admin/admin/src/pages/App/constants.js delete mode 100644 packages/core/admin/admin/src/pages/App/styles/website.css delete mode 100644 packages/core/admin/admin/src/pages/Webhooks/ListView/Wrapper.js diff --git a/packages/core/admin/admin/src/components/Webhooks/ListRow/StyledListRow.js b/packages/core/admin/admin/src/components/Webhooks/ListRow/StyledListRow.js deleted file mode 100644 index 57614c9439..0000000000 --- a/packages/core/admin/admin/src/components/Webhooks/ListRow/StyledListRow.js +++ /dev/null @@ -1,49 +0,0 @@ -/** - * - * StyledListRow - * - */ - -import styled from 'styled-components'; -import { CustomRow as Row } from '@buffetjs/styles'; -import { sizes } from '@strapi/helper-plugin'; - -const StyledListRow = styled(Row)` - cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')}; - .checkboxWrapper { - width: 55px; - padding-left: 30px; - > div { - height: 16px; - } - } - .nameWrapper { - max-width: 158px; - } - .urlWrapper { - max-width: 300px; - } - - .switchWrapper { - min-width: 125px; - } - - @media (min-width: ${sizes.wide}) { - .urlWrapper { - max-width: 400px; - } - } - td { - p { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - } -`; - -StyledListRow.defaultProps = { - disabled: true, -}; - -export default StyledListRow; diff --git a/packages/core/admin/admin/src/components/Webhooks/ListRow/index.js b/packages/core/admin/admin/src/components/Webhooks/ListRow/index.js deleted file mode 100644 index 25e48e71a9..0000000000 --- a/packages/core/admin/admin/src/components/Webhooks/ListRow/index.js +++ /dev/null @@ -1,113 +0,0 @@ -/** - * - * ListRow - * - */ - -import React from 'react'; -import PropTypes from 'prop-types'; -import { Checkbox, IconLinks } from '@buffetjs/core'; -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faPencilAlt, faTrashAlt } from '@fortawesome/free-solid-svg-icons'; - -import Switch from '../Switch'; -import StyledListRow from './StyledListRow'; - -function ListRow({ - canDelete, - canUpdate, - id, - isEnabled, - itemsToDelete, - name, - url, - onCheckChange, - onEnabledChange, - onDeleteCLick, - onEditClick, -}) { - const links = [ - { - icon: canUpdate ? : null, - onClick: () => onEditClick(id), - }, - { - icon: canDelete ? : null, - onClick: e => { - e.stopPropagation(); - onDeleteCLick(id); - }, - }, - ]; - - const handleClick = () => { - if (canUpdate) { - onEditClick(id); - } - }; - - const isChecked = itemsToDelete.includes(id); - - return ( - - {canDelete && ( - - e.stopPropagation()} - onChange={({ target: { value } }) => onCheckChange(value, id)} - /> - - )} - -

{name}

- - -

{url}

- - -
e.stopPropagation()} role="button" aria-hidden="true"> - onEnabledChange(value, id)} - /> -
- - - - - - ); -} - -ListRow.defaultProps = { - canDelete: false, - canUpdate: false, - itemsToDelete: [], - isEnabled: false, - name: null, - onCheckChange: () => {}, - onDeleteCLick: () => {}, - onEditClick: () => {}, - onEnabledChange: () => {}, - url: null, -}; - -ListRow.propTypes = { - canDelete: PropTypes.bool, - canUpdate: PropTypes.bool, - id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired, - itemsToDelete: PropTypes.instanceOf(Array), - isEnabled: PropTypes.bool, - name: PropTypes.string, - onCheckChange: PropTypes.func, - onDeleteCLick: PropTypes.func, - onEditClick: PropTypes.func, - onEnabledChange: PropTypes.func, - url: PropTypes.string, -}; - -export default ListRow; diff --git a/packages/core/admin/admin/src/components/Webhooks/Switch/Toggle.js b/packages/core/admin/admin/src/components/Webhooks/Switch/Toggle.js deleted file mode 100644 index c88182e75c..0000000000 --- a/packages/core/admin/admin/src/components/Webhooks/Switch/Toggle.js +++ /dev/null @@ -1,30 +0,0 @@ -/** - * - * Toggle - * - */ - -import styled from 'styled-components'; -import PropTypes from 'prop-types'; - -const Toggle = styled.input` - position: absolute; - top: 0; - left: 0; - margin: 0; - width: 100%; - height: 100%; - cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')} !important; - opacity: 0; -`; - -Toggle.defaultProps = { - disabled: true, - type: 'checkbox', -}; - -Toggle.propTypes = { - type: PropTypes.string, -}; - -export default Toggle; diff --git a/packages/core/admin/admin/src/components/Webhooks/Switch/Wrapper.js b/packages/core/admin/admin/src/components/Webhooks/Switch/Wrapper.js deleted file mode 100644 index 852b953865..0000000000 --- a/packages/core/admin/admin/src/components/Webhooks/Switch/Wrapper.js +++ /dev/null @@ -1,67 +0,0 @@ -/** - * - * Wrapper - * - */ - -import styled from 'styled-components'; - -const Wrapper = styled.div` - position: relative; - .button { - position: relative; - z-index: 2; - width: 30px; - height: 18px; - margin-right: 12px; - .button-rect { - position: relative; - z-index: -2; - margin-top: 3px; - width: 30px; - height: 12px; - background-color: #faa684; - border-radius: 6px; - } - .button-circle { - position: absolute; - top: 0; - right: -1px; - width: 17px; - height: 17px; - border-radius: 9px; - background-color: #f1f1f1; - &:before { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: -1; - margin: -1px; - border-radius: inherit; - background: linear-gradient(to bottom, #f1f1f1, #e7e7e7); - } - } - } - input { - z-index: 3; - cursor: pointer; - } - input:checked + .button { - .button-rect { - background-color: #6dbb1a; - } - .button-circle { - left: -1px; - } - } - .button, - p { - display: inline-block; - vertical-align: top; - } -`; - -export default Wrapper; diff --git a/packages/core/admin/admin/src/components/Webhooks/Switch/index.js b/packages/core/admin/admin/src/components/Webhooks/Switch/index.js deleted file mode 100644 index e93ed1bcb4..0000000000 --- a/packages/core/admin/admin/src/components/Webhooks/Switch/index.js +++ /dev/null @@ -1,51 +0,0 @@ -/** - * - * Switch - * - */ - -import React from 'react'; -import PropTypes from 'prop-types'; -import { useIntl } from 'react-intl'; - -import Toggle from './Toggle'; -import Wrapper from './Wrapper'; - -function Switch({ disabled, name, value, onChange }) { - const { formatMessage } = useIntl(); - - return ( - - onChange({ target: { name, value: checked } })} - /> -
-
-
-
-

- {value - ? formatMessage({ id: 'Settings.webhooks.enabled' }) - : formatMessage({ id: 'Settings.webhooks.disabled' })} -

- - ); -} - -Switch.defaultProps = { - disabled: true, - onChange: () => {}, - value: false, -}; - -Switch.propTypes = { - disabled: PropTypes.bool, - onChange: PropTypes.func, - name: PropTypes.string.isRequired, - value: PropTypes.bool, -}; - -export default Switch; diff --git a/packages/core/admin/admin/src/components/Webhooks/index.js b/packages/core/admin/admin/src/components/Webhooks/index.js index 98fd67217e..4dd13a2f86 100644 --- a/packages/core/admin/admin/src/components/Webhooks/index.js +++ b/packages/core/admin/admin/src/components/Webhooks/index.js @@ -1,4 +1,2 @@ export { default as Inputs } from './Inputs'; -export { default as ListRow } from './ListRow'; -export { default as Switch } from './Switch'; export { default as TriggerContainer } from './TriggerContainer'; diff --git a/packages/core/admin/admin/src/pages/Admin/Content.js b/packages/core/admin/admin/src/pages/Admin/Content.js deleted file mode 100644 index a255c98348..0000000000 --- a/packages/core/admin/admin/src/pages/Admin/Content.js +++ /dev/null @@ -1,30 +0,0 @@ -import styled from 'styled-components'; -import PropTypes from 'prop-types'; - -const Content = styled.div` - min-height: calc(100vh - ${props => props.theme.main.sizes.header.height}); - width: calc(100vw - ${props => props.theme.main.sizes.leftMenu.width}); - margin-top: ${props => props.theme.main.sizes.header.height}; - margin-left: ${props => props.theme.main.sizes.leftMenu.width}; - background: ${props => props.theme.main.colors.content['background-alpha']}; -`; - -Content.defaultProps = { - theme: { - main: { - colors: { - content: {}, - }, - sizes: { - header: {}, - leftMenu: {}, - }, - }, - }, -}; - -Content.propTypes = { - theme: PropTypes.object, -}; - -export default Content; diff --git a/packages/core/admin/admin/src/pages/Admin/Logout/components.js b/packages/core/admin/admin/src/pages/Admin/Logout/components.js deleted file mode 100644 index 4ce21adea1..0000000000 --- a/packages/core/admin/admin/src/pages/Admin/Logout/components.js +++ /dev/null @@ -1,128 +0,0 @@ -import styled from 'styled-components'; - -const Wrapper = styled.div` - position: relative; - -webkit-font-smoothing: antialiased; - > div { - height: 6rem; - width: 100%; - line-height: 5.8rem; - z-index: 999; - > button, - > button.btn { - position: relative; - z-index: 9; - width: 100%; - padding-left: 20px; - padding-right: 20px; - background: white; - border: none; - border-radius: 0; - color: #333740; - font-size: 14px; - font-weight: 500; - text-align: right; - cursor: pointer; - transition: background 0.2s ease-out; - - &:hover, - &:focus, - &:active { - color: #333740; - background-color: #fafafb !important; - z-index: 9; - } - - > i, - > svg { - margin-left: 10px; - transition: transform 0.3s ease-out; - - &[alt='true'] { - transform: rotateX(180deg); - } - } - } - } - - &:after { - position: absolute; - right: -1px; - top: calc(50% - 10px); - content: ''; - display: inline-block; - vertical-align: middle; - height: 20px; - border-left: 1px solid #f3f4f4; - transition: opacity 0.2s ease-out; - } - - &:hover:after { - opacity: 0; - } - - .dropDownContent { - z-index: 8; - top: -3px !important; - left: auto !important; - min-width: 190px; - margin: 0 !important; - padding: 0; - line-height: 1.8rem; - border: none !important; - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; - font-size: 14px; - overflow: hidden; - box-shadow: 0 1px 4px 0px rgba(40, 42, 49, 0.05); - &:active { - outline: 0; - } - - &:before { - content: ''; - position: absolute; - top: 0; - left: -1px; - width: calc(100% + 1px); - height: 3px; - box-shadow: 0 1px 2px 0 rgba(40, 42, 49, 0.16); - } - - > button { - height: 54px; - padding: 0px 15px; - &:hover, - &:focus, - &:active { - background-color: #fafafb !important; - border-radius: 0px; - cursor: pointer; - outline: 0; - } - &:hover, - &:active { - color: #333740; - } - } - - > button:last-child { - color: #f75b1d; - > i, - svg { - margin-left: 10px; - } - } - } - - .item { - &:active { - color: black; - } - &:hover { - background-color: #fafafb !important; - } - } -`; - -export default Wrapper; diff --git a/packages/core/admin/admin/src/pages/Admin/Logout/index.js b/packages/core/admin/admin/src/pages/Admin/Logout/index.js deleted file mode 100644 index e46e452988..0000000000 --- a/packages/core/admin/admin/src/pages/Admin/Logout/index.js +++ /dev/null @@ -1,60 +0,0 @@ -/** - * - * Logout - * - */ - -/* eslint-disable */ -import React, { useState } from 'react'; -import { FormattedMessage } from 'react-intl'; -import { withRouter } from 'react-router-dom'; -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { ButtonDropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap'; -import { get } from 'lodash'; -import { auth } from '@strapi/helper-plugin'; -import Wrapper from './components'; - -const Logout = ({ history: { push } }) => { - const [isOpen, setIsOpen] = useState(false); - - const handleGoToMe = () => { - push({ - pathname: `/me`, - }); - }; - - const handleLogout = () => { - auth.clearAppStorage(); - push('/auth/login'); - }; - - const toggle = () => setIsOpen(prev => !prev); - - const userInfo = auth.getUserInfo(); - const displayName = - userInfo && userInfo.firstname && userInfo.lastname - ? `${userInfo.firstname} ${userInfo.lastname}` - : get(userInfo, 'username', ''); - - return ( - - - - {displayName} - - - - - - - - - - - - - - ); -}; - -export default withRouter(Logout); diff --git a/packages/core/admin/admin/src/pages/Admin/Wrapper.js b/packages/core/admin/admin/src/pages/Admin/Wrapper.js deleted file mode 100644 index e316cd38e7..0000000000 --- a/packages/core/admin/admin/src/pages/Admin/Wrapper.js +++ /dev/null @@ -1,27 +0,0 @@ -import styled from 'styled-components'; - -const Wrapper = styled.div` - display: flex; - overflow-x: hidden; - - p, - span { - font-family: Lato; - } - - .adminPageRightWrapper { - width: ${props => `calc(100% - ${props.theme.main.sizes.leftMenu.width})`}; - } -`; - -Wrapper.defaultProps = { - theme: { - main: { - sizes: { - leftMenu: {}, - }, - }, - }, -}; - -export default Wrapper; diff --git a/packages/core/admin/admin/src/pages/Admin/tests/index.test.js b/packages/core/admin/admin/src/pages/Admin/tests/index.test.js index 2ee507cee1..1063ad4d1b 100644 --- a/packages/core/admin/admin/src/pages/Admin/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/Admin/tests/index.test.js @@ -28,8 +28,6 @@ jest.mock('../../../hooks', () => ({ })); jest.mock('../../../components/LeftMenu', () => () =>
menu
); - -jest.mock('../Logout', () => () =>
Logout
); jest.mock('../../HomePage', () => () =>
HomePage
); const makeApp = history => ( diff --git a/packages/core/admin/admin/src/pages/App/constants.js b/packages/core/admin/admin/src/pages/App/constants.js deleted file mode 100644 index 3498340a8b..0000000000 --- a/packages/core/admin/admin/src/pages/App/constants.js +++ /dev/null @@ -1,8 +0,0 @@ -/* - * - * App constants - * - */ - -// eslint-disable-next-line import/prefer-default-export -export const GET_DATA_SUCCEEDED = 'app/App/GET_DATA_SUCCEEDED'; diff --git a/packages/core/admin/admin/src/pages/App/styles/website.css b/packages/core/admin/admin/src/pages/App/styles/website.css deleted file mode 100644 index bbf62b3ffa..0000000000 --- a/packages/core/admin/admin/src/pages/App/styles/website.css +++ /dev/null @@ -1,25 +0,0 @@ -li.header { - color: #101622 !important; - font-weight: 600; - letter-spacing: 0.07rem; - -webkit-font-smoothing: subpixel-antialiased; -} - -li.chapter > a { - transition: background-color 0.15s ease; - -webkit-transition: background-color 0.15s ease; -} - -li.chapter:hover > a { - background: #eee !important; - text-decoration: none !important; -} - -.versions-select select { - height: 36px; - border: 1px solid #ccc; -} - -.book-summary { - background-color: #f7f7f7 !important; -} diff --git a/packages/core/admin/admin/src/pages/Webhooks/ListView/Wrapper.js b/packages/core/admin/admin/src/pages/Webhooks/ListView/Wrapper.js deleted file mode 100644 index aa0782f837..0000000000 --- a/packages/core/admin/admin/src/pages/Webhooks/ListView/Wrapper.js +++ /dev/null @@ -1,31 +0,0 @@ -/** - * - * Wrapper - * - */ - -import styled from 'styled-components'; - -const Wrapper = styled.div` - margin-bottom: 60px; - > div:first-of-type { - margin-bottom: 33px; - } - .list-wrapper { - border-radius: 2px; - box-shadow: 0 2px 4px #e3e9f3; - background: white; - > div, - > div > div:last-of-type { - box-shadow: none; - border-radius: 2px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - } - } - p { - margin-bottom: 0; - } -`; - -export default Wrapper;