diff --git a/packages/app/src/app/pages/common/Modals/Changelog/Dashboard/index.js b/packages/app/src/app/pages/common/Modals/Changelog/Dashboard/index.tsx similarity index 86% rename from packages/app/src/app/pages/common/Modals/Changelog/Dashboard/index.js rename to packages/app/src/app/pages/common/Modals/Changelog/Dashboard/index.tsx index 939c8f7010b..6f4d42b405a 100644 --- a/packages/app/src/app/pages/common/Modals/Changelog/Dashboard/index.js +++ b/packages/app/src/app/pages/common/Modals/Changelog/Dashboard/index.tsx @@ -1,12 +1,12 @@ -import React from 'react'; -import { inject, hooksObserver } from 'app/componentConnectors'; +import React, { FunctionComponent } from 'react'; +import CSS from 'csstype'; +import { useOvermind } from 'app/overmind'; import { Link } from 'react-router-dom'; import theme from '@codesandbox/common/lib/theme'; - import { Button } from '@codesandbox/common/lib/components/Button'; // Inline styles because styled-components didn't load the styles -const titleStyles = { +const titleStyles: CSS.Properties = { fontWeight: 600, color: 'rgba(255, 255, 255, 0.9)', fontSize: '1.125rem', @@ -16,7 +16,7 @@ const titleStyles = { textTransform: 'uppercase', }; -const dateStyles = { +const dateStyles: CSS.Properties = { color: 'rgba(255, 255, 255, 0.5)', fontSize: '.875rem', float: 'right', @@ -24,7 +24,7 @@ const dateStyles = { textAlign: 'right', }; -const subTitleStyles = { +const subTitleStyles: CSS.Properties = { fontWeight: 600, color: 'rgba(255, 255, 255, .9)', fontSize: '1rem', @@ -32,7 +32,7 @@ const subTitleStyles = { marginBottom: 0, }; -const descriptionStyles = { +const descriptionStyles: CSS.Properties = { lineHeight: 1.6, color: 'rgba(255, 255, 255, 0.7)', fontWeight: 600, @@ -41,9 +41,15 @@ const descriptionStyles = { marginBottom: 0, }; -const W = props => ; +const W: FunctionComponent = props => ( + +); + +export const DashboardChangelog: FunctionComponent = () => { + const { + actions: { modalClosed }, + } = useOvermind(); -function DashboardChangelog({ signals }) { return (