From 5cc60bfa9ca002d013a6fe46b8e4e013fcc8b5d1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C3=ABl=20De=20Boey?= Date: Sun, 8 Dec 2019 18:59:39 +0100 Subject: [PATCH 1/2] Delete DashboardChangelog --- .../Modals/Changelog/Dashboard/Helmet.tsx | 82 ------------ .../Modals/Changelog/Dashboard/elements.ts | 68 ---------- .../Modals/Changelog/Dashboard/index.tsx | 120 ------------------ 3 files changed, 270 deletions(-) delete mode 100644 packages/app/src/app/pages/common/Modals/Changelog/Dashboard/Helmet.tsx delete mode 100644 packages/app/src/app/pages/common/Modals/Changelog/Dashboard/elements.ts delete mode 100644 packages/app/src/app/pages/common/Modals/Changelog/Dashboard/index.tsx diff --git a/packages/app/src/app/pages/common/Modals/Changelog/Dashboard/Helmet.tsx b/packages/app/src/app/pages/common/Modals/Changelog/Dashboard/Helmet.tsx deleted file mode 100644 index ded332049f4..00000000000 --- a/packages/app/src/app/pages/common/Modals/Changelog/Dashboard/Helmet.tsx +++ /dev/null @@ -1,82 +0,0 @@ -import React from 'react'; -import IconBase from 'react-icons/lib/IconBase'; - -export default () => ( - - - - - - - - - - - - - - - - - -); diff --git a/packages/app/src/app/pages/common/Modals/Changelog/Dashboard/elements.ts b/packages/app/src/app/pages/common/Modals/Changelog/Dashboard/elements.ts deleted file mode 100644 index c57b18b2cda..00000000000 --- a/packages/app/src/app/pages/common/Modals/Changelog/Dashboard/elements.ts +++ /dev/null @@ -1,68 +0,0 @@ -import { Button as ButtonBase } from '@codesandbox/common/lib/components/Button'; -import styled, { css } from 'styled-components'; - -export const Button = styled(ButtonBase)` - margin-top: 1rem; -`; - -export const ButtonContainer = styled.div` - display: flex; -`; - -export const Container = styled.div` - ${({ theme }) => css` - background-color: ${theme.background()}; - padding: 1.5rem; - `}; -`; - -export const Date = styled.div` - color: rgba(255, 255, 255, 0.5); - font-size: 0.875rem; - float: right; - width: 100%; - text-align: right; -`; - -export const Description = styled.p` - line-height: 1.6; - color: rgba(255, 255, 255, 0.7); - font-weight: 600; - font-size: 0.875rem; - margin-top: 0.5rem; - margin-bottom: 0; -`; - -export const Image = styled.img` - background-color: rgba(0, 0, 0, 0.3); - border-radius: 2px; - width: 100%; -`; - -export const SubTitle = styled.h2` - font-weight: 600; - color: rgba(255, 255, 255, 0.9); - font-size: 1rem; - margin-top: 1rem; - margin-bottom: 0; -`; - -export const Title = styled.h1` - font-weight: 600; - color: rgba(255, 255, 255, 0.9); - font-size: 1.125rem; - margin-top: 0; - margin-bottom: 0; - width: 100%; - text-transform: uppercase; -`; - -export const TitleContainer = styled.div` - align-items: center; - display: flex; - margin-bottom: 1rem; -`; - -export const White = styled.span` - color: #ffffff; -`; diff --git a/packages/app/src/app/pages/common/Modals/Changelog/Dashboard/index.tsx b/packages/app/src/app/pages/common/Modals/Changelog/Dashboard/index.tsx deleted file mode 100644 index 93de3e693a6..00000000000 --- a/packages/app/src/app/pages/common/Modals/Changelog/Dashboard/index.tsx +++ /dev/null @@ -1,120 +0,0 @@ -import React, { FunctionComponent } from 'react'; -import { Link } from 'react-router-dom'; - -import { useOvermind } from 'app/overmind'; - -import { - Button, - ButtonContainer, - Container, - Date, - Description, - Image, - SubTitle, - Title, - TitleContainer, - White, -} from './elements'; - -export const DashboardChangelog: FunctionComponent = () => { - const { - actions: { modalClosed }, - } = useOvermind(); - - return ( - - - - What - {"'"}s New - - - July 2nd, 2018 - - - CodeSandbox Announcement - - - We - {"'"} - re back with a new update! This update is very focused on{' '} - collaboration and organization. Let - {"'"}s take a look! - - - Dashboard - - - You can now manage your sandboxes in your own{' '} - dashboard! You - {"'"} - re able to{' '} - filter, sort, search, delete, create and update multiple - sandboxes at the same time. The possibilities are endless! - - - Create Teams - - - An extension to the dashboard is teams! You can now - create a team with unlimited members to share sandboxes for - collaboration. All sandboxes automatically sync using{' '} - live collaboration between team members. - - - Free CodeSandbox Live - - - Teams is not our only feature that allows for collaboration. We also - have real time collaboration with{' '} - - CodeSandbox Live - - . Until now this was behind a{' '} - - Patron - {' '} - subscription, but we - {"'"} - re happy to announce that{' '} - CodeSandbox Live is from now on free for everyone! - - - And More - - - There - {"'"}s a lot more included in this update! Make sure to check out the - announcement post to find out more about this update. - - - - - - {/* - // @ts-ignore */} - - - - ); -}; From a4cf301343f3da13729917bdc7f950fe3386ac02 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C3=ABl=20De=20Boey?= Date: Sun, 8 Dec 2019 18:59:55 +0100 Subject: [PATCH 2/2] Delete SignOutNoticeModal --- .../Sandbox/SignOutNoticeModal/elements.ts | 24 ------------ .../Sandbox/SignOutNoticeModal/index.tsx | 37 ------------------- 2 files changed, 61 deletions(-) delete mode 100644 packages/app/src/app/pages/Sandbox/SignOutNoticeModal/elements.ts delete mode 100644 packages/app/src/app/pages/Sandbox/SignOutNoticeModal/index.tsx diff --git a/packages/app/src/app/pages/Sandbox/SignOutNoticeModal/elements.ts b/packages/app/src/app/pages/Sandbox/SignOutNoticeModal/elements.ts deleted file mode 100644 index a4c0af07627..00000000000 --- a/packages/app/src/app/pages/Sandbox/SignOutNoticeModal/elements.ts +++ /dev/null @@ -1,24 +0,0 @@ -import { Button as ButtonBase } from '@codesandbox/common/lib/components/Button'; -import styled, { css } from 'styled-components'; - -export const Container = styled.div` - ${({ theme }) => css` - background-color: ${theme.background}; - padding: 1rem; - margin: 0; - color: ${theme.light ? 'rgba(0, 0, 0, 0.8)' : 'rgba(255, 255, 255, 0.8)'}; - `}; -`; - -export const Heading = styled.h2` - margin-top: 0; -`; - -export const Explanation = styled.p` - line-height: 1.3; - margin-bottom: 2rem; -`; - -export const Button = styled(ButtonBase)` - margin-right: 0.5rem; -`; diff --git a/packages/app/src/app/pages/Sandbox/SignOutNoticeModal/index.tsx b/packages/app/src/app/pages/Sandbox/SignOutNoticeModal/index.tsx deleted file mode 100644 index b9ceef8f210..00000000000 --- a/packages/app/src/app/pages/Sandbox/SignOutNoticeModal/index.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import Row from '@codesandbox/common/lib/components/flex/Row'; -import React, { FunctionComponent } from 'react'; - -import { useOvermind } from 'app/overmind'; - -import { Button, Container, Explanation, Heading } from './elements'; - -export const SignOutNoticeModal: FunctionComponent = () => { - const { - actions: { modalClosed, signInClicked }, - } = useOvermind(); - - return ( - - You have been signed out - - - CodeSandbox has migrated to a system where authorization tokens can be - managed and revoked, and we had to sign everyone out for this. -
-
- But don - {"'"}t worry, you can sign in right again! - - - - - - - - - ); -};