From 7344a7fcf6803bfba81b6631ffc609795a08ebff Mon Sep 17 00:00:00 2001 From: Juan Picado Date: Sat, 3 Jun 2023 00:52:24 +0200 Subject: [PATCH] feat: ui set global package on sidebar setting (#3826) --- .changeset/khaki-carrots-crash.md | 6 + e2e/ui/package.json | 2 +- e2e/ui/pre-setup.js | 4 - e2e/ui/setup.js | 26 --- e2e/ui/teardown.js | 14 -- .../plugins/ui-theme/src/i18n/crowdin/ui.json | 3 +- packages/plugins/ui-theme/src/index.tsx | 5 +- packages/ui-components/.babelrc | 10 +- packages/ui-components/.storybook/preview.js | 15 +- packages/ui-components/package.json | 6 +- .../ActionBar/ActionBar.stories.tsx | 100 +++++---- .../src/components/Author/Author.stories.tsx | 2 +- .../CopyClipboard/CopyToClipBoard.stories.tsx | 2 +- .../CopyClipboard/CopyToClipBoard.tsx | 4 +- .../Dependencies/Dependencies.stories.tsx | 202 +++++++++++++----- .../components/Dependencies/Dependencies.tsx | 112 +++++----- .../Deprecated/Deprecated.stories.tsx | 2 +- .../Developers/Developers.stories.tsx | 2 +- .../components/Distribution/Dist.stories.tsx | 2 +- .../components/Engines/Engines.stories.tsx | 2 +- .../FundButton/FundButton.stories.tsx | 65 ++++-- .../src/components/Help/Help.stories.tsx | 2 +- .../Help/__snapshots__/Help.test.tsx.snap | 8 +- .../src/components/Icons/Icons.stories.tsx | 2 +- .../components/Install/Install.stories.tsx | 105 ++++++--- .../src/components/Install/Install.tsx | 42 ++-- .../components/Install/InstallListItem.tsx | 32 ++- .../components/Loading/Loading.stories.tsx | 2 +- .../LoginDialog/LoginDialog.stories.tsx | 2 +- .../components/NoItems/NoItems.stories.tsx | 2 +- .../src/components/NoItems/NoItems.tsx | 11 +- .../__snapshots__/Noitems.test.tsx.snap | 93 +++++++- .../Repository/Repository.stories.tsx | 67 ++++-- .../src/components/Repository/Repository.tsx | 6 +- .../src/components/Search/Search.stories.tsx | 2 +- .../components/SettingsMenu/SettingsMenu.tsx | 67 ++++++ .../src/components/SettingsMenu/index.ts | 1 + .../SideBarTittle/SideBarTittle.stories.tsx | 68 ++++++ .../components/UpLinks/Uplinks.stories.tsx | 2 +- .../__snapshots__/UpLinks.test.tsx.snap | 190 ++++++++++++++-- .../src/components/Versions/types.ts | 2 - packages/ui-components/src/index.ts | 2 + .../src/layouts/Version/Version.stories.tsx | 55 +++-- .../AppConfigurationProvider.tsx | 1 - .../PersistenceSettingProvider.tsx | 57 +++++ .../PersistenceSettingProvider/index.ts | 1 + .../VersionProvider/VersionProvider.tsx | 2 - .../src/sections/Detail/Detail.stories.tsx | 2 +- .../Detail/__snapshots__/Detail.test.tsx.snap | 2 +- .../src/sections/Header/Header.stories.tsx | 2 +- .../src/sections/Home/Home.stories.tsx | 2 +- .../src/sections/SideBar/Sidebar.stories.tsx | 2 +- .../src/sections/SideBar/Sidebar.test.tsx | 1 - .../src/test/test-react-testing-library.tsx | 29 +-- packages/ui-components/src/utils/url.test.ts | 4 + packages/ui-components/src/utils/url.ts | 2 +- pnpm-lock.yaml | 22 +- 57 files changed, 1075 insertions(+), 403 deletions(-) create mode 100644 .changeset/khaki-carrots-crash.md delete mode 100644 e2e/ui/pre-setup.js delete mode 100644 e2e/ui/setup.js delete mode 100644 e2e/ui/teardown.js create mode 100644 packages/ui-components/src/components/SettingsMenu/SettingsMenu.tsx create mode 100644 packages/ui-components/src/components/SettingsMenu/index.ts create mode 100644 packages/ui-components/src/components/SideBarTittle/SideBarTittle.stories.tsx create mode 100644 packages/ui-components/src/providers/PersistenceSettingProvider/PersistenceSettingProvider.tsx create mode 100644 packages/ui-components/src/providers/PersistenceSettingProvider/index.ts diff --git a/.changeset/khaki-carrots-crash.md b/.changeset/khaki-carrots-crash.md new file mode 100644 index 000000000..e73ed4db0 --- /dev/null +++ b/.changeset/khaki-carrots-crash.md @@ -0,0 +1,6 @@ +--- +'@verdaccio/ui-theme': minor +'@verdaccio/ui-components': minor +--- + +feat: ui bugfixes and improvements diff --git a/e2e/ui/package.json b/e2e/ui/package.json index 46689690b..28afcedae 100644 --- a/e2e/ui/package.json +++ b/e2e/ui/package.json @@ -8,7 +8,7 @@ "@verdaccio/config": "workspace:6.0.0-6-next.70", "@verdaccio/test-helper": "workspace:2.0.0-6-next.8", "debug": "4.3.4", - "cypress": "11.2.0", + "cypress": "^11.2.0", "get-port": "5.1.1" }, "scripts": { diff --git a/e2e/ui/pre-setup.js b/e2e/ui/pre-setup.js deleted file mode 100644 index fc9e89437..000000000 --- a/e2e/ui/pre-setup.js +++ /dev/null @@ -1,4 +0,0 @@ -require('@babel/register')({ - extensions: ['.ts', '.js'], -}); -module.exports = require('./setup'); diff --git a/e2e/ui/setup.js b/e2e/ui/setup.js deleted file mode 100644 index db2a36be9..000000000 --- a/e2e/ui/setup.js +++ /dev/null @@ -1,26 +0,0 @@ -const fs = require('fs'); -const os = require('os'); -const path = require('path'); - -const { green } = require('colorette'); -const puppeteer = require('puppeteer'); - -const DIR = path.join(os.tmpdir(), 'jest_puppeteer_global_setup'); - -module.exports = async function () { - // eslint-disable-next-line no-console - console.log(green('Setup Puppeteer')); - const browser = await puppeteer.launch({ - isMobile: false, - ignoreHTTPSErrors: true, - // invert values for local testing - devtools: false, - headless: true, - // slowMo: 6000, - // invert values for local testing - args: ['--no-sandbox'], - }); - global.__BROWSER__ = browser; - fs.mkdirSync(DIR, { recursive: true, force: true }); - fs.writeFileSync(path.join(DIR, 'wsEndpoint'), browser.wsEndpoint()); -}; diff --git a/e2e/ui/teardown.js b/e2e/ui/teardown.js deleted file mode 100644 index aeea17034..000000000 --- a/e2e/ui/teardown.js +++ /dev/null @@ -1,14 +0,0 @@ -const os = require('os'); -const path = require('path'); - -const { green } = require('kleur'); -const rimraf = require('rimraf'); - -const DIR = path.join(os.tmpdir(), 'jest_puppeteer_global_setup'); - -module.exports = async function () { - // eslint-disable-next-line no-console - console.log(green('Teardown Puppeteer')); - await global.__BROWSER__.close(); - rimraf.sync(DIR); -}; diff --git a/packages/plugins/ui-theme/src/i18n/crowdin/ui.json b/packages/plugins/ui-theme/src/i18n/crowdin/ui.json index 49b175d1d..c83132052 100644 --- a/packages/plugins/ui-theme/src/i18n/crowdin/ui.json +++ b/packages/plugins/ui-theme/src/i18n/crowdin/ui.json @@ -106,7 +106,8 @@ "install-using-npm": "Install using npm", "install-using-npm-command": "npm install {{packageName}}", "install-using-pnpm": "Install using pnpm", - "install-using-pnpm-command": "pnpm install {{packageName}}" + "install-using-pnpm-command": "pnpm install {{packageName}}", + "global": "View as global" }, "repository": { "title": "Repository" diff --git a/packages/plugins/ui-theme/src/index.tsx b/packages/plugins/ui-theme/src/index.tsx index 34427755f..558d2b5ab 100644 --- a/packages/plugins/ui-theme/src/index.tsx +++ b/packages/plugins/ui-theme/src/index.tsx @@ -5,6 +5,7 @@ import { Provider } from 'react-redux'; import { AppConfigurationProvider, + PersistenceSettingProvider, StyleBaseline, ThemeProvider, store, @@ -20,7 +21,9 @@ const AppContainer = () => ( - + + + diff --git a/packages/ui-components/.babelrc b/packages/ui-components/.babelrc index f0cfa3d73..7488c40e0 100644 --- a/packages/ui-components/.babelrc +++ b/packages/ui-components/.babelrc @@ -1,16 +1,8 @@ { "extends": "../../.babelrc", "plugins": ["@emotion"], + "sourceMaps" : "inline", "presets": [ - [ - "@babel/preset-env", - { - "targets": ["last 5 versions"], - "bugfixes": true, - "modules": "auto", - "debug": false - } - ], "@babel/preset-react" ] } diff --git a/packages/ui-components/.storybook/preview.js b/packages/ui-components/.storybook/preview.js index 1e3da07cd..7e6bbc12c 100644 --- a/packages/ui-components/.storybook/preview.js +++ b/packages/ui-components/.storybook/preview.js @@ -4,6 +4,7 @@ import { Provider } from 'react-redux'; import config from '../../plugins/ui-theme/src/i18n/config'; import { AppConfigurationProvider, + PersistenceSettingProvider, StyleBaseline, ThemeProvider, TranslatorProvider, @@ -34,12 +35,14 @@ export const parameters = { export const withMuiTheme = (Story) => ( {}} i18n={config} listLanguages={listLanguages}> - - - - - - + + + + + + + + ); diff --git a/packages/ui-components/package.json b/packages/ui-components/package.json index 5c98761c3..7cc8052dd 100644 --- a/packages/ui-components/package.json +++ b/packages/ui-components/package.json @@ -21,6 +21,8 @@ "dependencies": { "@emotion/react": "^11.10.6", "@emotion/styled": "^11.10.6", + "@fontsource/material-icons": "^4.5.4", + "@fontsource/roboto": "^4.5.8", "@mui/icons-material": "5.11.16", "@mui/material": "5.12.0", "@mui/styles": "5.12.0", @@ -28,8 +30,6 @@ "@rematch/core": "2.2.0", "@rematch/loading": "2.1.2", "@rematch/persist": "2.1.2", - "@fontsource/material-icons": "^4.5.4", - "@fontsource/roboto": "^4.5.8", "country-flag-icons": "1.5.5", "dayjs": "1.11.7", "dompurify": "2.4.5", @@ -56,7 +56,6 @@ "validator": "13.9.0" }, "devDependencies": { - "@verdaccio/types": "workspace:11.0.0-6-next.25", "@babel/core": "^7.20.7", "@emotion/babel-plugin": "11.10.6", "@emotion/jest": "11.10.5", @@ -74,6 +73,7 @@ "@types/hast": "^2.0.0", "@types/react-router": "^5.1.20", "@types/unist": "^2.0.0", + "@verdaccio/types": "workspace:11.0.0-6-next.25", "babel-loader": "^8.3.0", "mockdate": "3.0.5", "msw": "0.49.2" diff --git a/packages/ui-components/src/components/ActionBar/ActionBar.stories.tsx b/packages/ui-components/src/components/ActionBar/ActionBar.stories.tsx index 6890e5436..1dec898d6 100644 --- a/packages/ui-components/src/components/ActionBar/ActionBar.stories.tsx +++ b/packages/ui-components/src/components/ActionBar/ActionBar.stories.tsx @@ -1,50 +1,64 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { clone, merge } from 'lodash'; import React from 'react'; import { default as ActionBar } from '.'; -export default { - title: 'ActionBar ', +const meta: Meta = { + title: 'Components/Sidebar/ActionBar', + component: ActionBar, }; -export const ActionBarAll: any = () => ( - -); +export default meta; +type Story = StoryObj; -export const RawViewer: any = () => ( - -); +const packageMeta = { + _uplinks: {}, + latest: { + name: 'verdaccio-ui/local-storage', + version: '8.0.1-next.1', + dist: { + fileCount: 0, + unpackedSize: 0, + tarball: 'https://registry.verdaccio.org/storybook/-/storybook-0.2.0.tgz', + }, + homepage: 'https://verdaccio.org', + bugs: { + url: 'https://github.com/verdaccio/monorepo/issues', + }, + }, +}; + +export const Primary: Story = { + name: 'Default', + render: () => , +}; + +export const Raw: Story = { + name: 'Raw viewer', + render: () => , +}; + +export const NoLatest: Story = { + name: 'No latest (empty)', + render: () => , +}; + +export const Download: Story = { + name: 'No show download', + render: () => , +}; + +export const Home: Story = { + name: 'No home', + render: () => ( + + ), +}; + +export const Bugs: Story = { + name: 'No bugs', + render: () => ( + + ), +}; diff --git a/packages/ui-components/src/components/Author/Author.stories.tsx b/packages/ui-components/src/components/Author/Author.stories.tsx index 74707cd67..250df61ca 100644 --- a/packages/ui-components/src/components/Author/Author.stories.tsx +++ b/packages/ui-components/src/components/Author/Author.stories.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { default as Author } from '.'; export default { - title: 'Author ', + title: 'Components/Sidebar/Author', }; export const AuthorAll: any = () => ( diff --git a/packages/ui-components/src/components/CopyClipboard/CopyToClipBoard.stories.tsx b/packages/ui-components/src/components/CopyClipboard/CopyToClipBoard.stories.tsx index eeb848765..bc719d819 100644 --- a/packages/ui-components/src/components/CopyClipboard/CopyToClipBoard.stories.tsx +++ b/packages/ui-components/src/components/CopyClipboard/CopyToClipBoard.stories.tsx @@ -3,7 +3,7 @@ import React from 'react'; import CopyToClipBoard from './CopyToClipBoard'; export default { - title: 'CopyToClipBoard', + title: 'Components/Sidebar/CopyToClipBoard', component: CopyToClipBoard, argTypes: { backgroundColor: { control: 'color' }, diff --git a/packages/ui-components/src/components/CopyClipboard/CopyToClipBoard.tsx b/packages/ui-components/src/components/CopyClipboard/CopyToClipBoard.tsx index 679410dc5..2c53548d3 100644 --- a/packages/ui-components/src/components/CopyClipboard/CopyToClipBoard.tsx +++ b/packages/ui-components/src/components/CopyClipboard/CopyToClipBoard.tsx @@ -34,12 +34,12 @@ function CopyToClipBoard({ text, children, dataTestId, title, ...props }: Props) {children ?? text} {title ? ( - + ) : ( - + )} diff --git a/packages/ui-components/src/components/Dependencies/Dependencies.stories.tsx b/packages/ui-components/src/components/Dependencies/Dependencies.stories.tsx index e110fe8de..3d0f7dd4e 100644 --- a/packages/ui-components/src/components/Dependencies/Dependencies.stories.tsx +++ b/packages/ui-components/src/components/Dependencies/Dependencies.stories.tsx @@ -1,58 +1,158 @@ +import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; import { default as Dependencies } from '.'; -export default { - title: 'Dependencies ', +const meta: Meta = { + title: 'Components/Detail/Dependencies', + component: Dependencies, }; -export const DeprecatedAll: any = () => ( - -); +export default meta; +type Story = StoryObj; -export const NoDependencies: any = () => ( - -); +const packageMeta = { + latest: { + name: 'verdaccio', + version: '4.0.0', + author: { + name: 'verdaccio user', + email: 'verdaccio.user@verdaccio.org', + url: '', + avatar: 'https://www.gravatar.com/avatar/000000', + }, + dist: { fileCount: 0, unpackedSize: 0 }, + dependencies: { + react: '16.9.0', + 'react-dom': '16.9.0', + '@storybook/codemod': '^3.2.6', + chalk: '^2.1.0', + 'child-process-promise': '^2.2.1', + commander: '^2.11.0', + 'cross-spawn': '^5.0.1', + jscodeshift: '^0.3.30', + json5: '^0.5.1', + 'latest-version': '^3.1.0', + 'merge-dirs': '^0.2.1', + opencollective: '^1.0.3', + shelljs: '^0.7.8', + 'update-notifier': '^2.1.0', + }, + devDependencies: { + 'babel-core': '7.0.0-beta6', + 'cross-spawn': '^5.0.1', + jscodeshift: '^0.3.30', + json5: '^0.5.1', + 'latest-version': '^3.1.0', + 'merge-dirs': '^0.2.1', + opencollective: '^1.0.3', + shelljs: '^0.7.8', + 'update-notifier': '^2.1.0', + }, + peerDependencies: { + 'styled-components': '5.0.0', + 'cross-spawn': '^5.0.1', + jscodeshift: '^0.3.30', + json5: '^0.5.1', + 'latest-version': '^3.1.0', + 'merge-dirs': '^0.2.1', + opencollective: '^1.0.3', + shelljs: '^0.7.8', + 'update-notifier': '^2.1.0', + }, + optionalDependencies: { + 'styled-components': '5.0.0', + 'cross-spawn': '^5.0.1', + jscodeshift: '^0.3.30', + json5: '^0.5.1', + 'latest-version': '^3.1.0', + 'merge-dirs': '^0.2.1', + opencollective: '^1.0.3', + shelljs: '^0.7.8', + 'update-notifier': '^2.1.0', + }, + bundleDependencies: { + 'styled-components': '5.0.0', + 'cross-spawn': '^5.0.1', + jscodeshift: '^0.3.30', + json5: '^0.5.1', + 'latest-version': '^3.1.0', + 'merge-dirs': '^0.2.1', + opencollective: '^1.0.3', + shelljs: '^0.7.8', + 'update-notifier': '^2.1.0', + }, + }, + _uplinks: {}, +}; + +export const Primary: Story = { + name: 'Default', + render: () => { + return ; + }, +}; + +export const OnlyDeps: Story = { + name: 'Only dependencies', + render: () => { + return ( + + ); + }, +}; + +export const NoDependencies: Story = { + name: 'No dependencies', + render: () => { + return ( + + ); + }, +}; diff --git a/packages/ui-components/src/components/Dependencies/Dependencies.tsx b/packages/ui-components/src/components/Dependencies/Dependencies.tsx index 16ab57e3d..220e594bc 100644 --- a/packages/ui-components/src/components/Dependencies/Dependencies.tsx +++ b/packages/ui-components/src/components/Dependencies/Dependencies.tsx @@ -1,4 +1,6 @@ +import Box from '@mui/material/Box'; import CardContent from '@mui/material/CardContent'; +import { useTheme } from '@mui/styles'; import React from 'react'; import { useTranslation } from 'react-i18next'; import { useHistory } from 'react-router-dom'; @@ -10,44 +12,38 @@ import { CardWrap, StyledText, Tag, Tags } from './styles'; interface DependencyBlockProps { title: string; dependencies: PackageDependencies; - enableLoading?: () => void; } -const DependencyBlock: React.FC = ({ - title, - dependencies, - enableLoading, -}) => { +const DependencyBlock: React.FC = ({ title, dependencies }) => { const history = useHistory(); const { t } = useTranslation(); + const theme = useTheme(); const deps = Object.entries(dependencies); function handleClick(name: string): void { - enableLoading?.(); - history.push(`/-/web/detail/${name}`); } return ( - - - {`${title} (${deps.length})`} - - {deps.map(([name, version]) => ( - handleClick(name)} - /> - ))} - - - + + + {`${title} (${deps.length})`} + + + {deps.map(([name, version]) => ( + handleClick(name)} + /> + ))} + + ); }; @@ -65,37 +61,51 @@ const Dependencies: React.FC<{ packageMeta: any }> = ({ packageMeta }) => { const { latest } = packageMeta; // FIXME: add dependencies to package meta type // @ts-ignore - const { dependencies, devDependencies, peerDependencies, name } = latest; - const dependencyMap = { dependencies, devDependencies, peerDependencies }; + const { + dependencies, + devDependencies, + peerDependencies, + optionalDependencies, + bundleDependencies, + name, + } = latest; + const dependencyMap = { + dependencies, + devDependencies, + peerDependencies, + bundleDependencies, + optionalDependencies, + }; const hasDependencies = - hasKeys(dependencies) || hasKeys(devDependencies) || hasKeys(peerDependencies); - + hasKeys(dependencies) || + hasKeys(bundleDependencies) || + hasKeys(optionalDependencies) || + hasKeys(devDependencies) || + hasKeys(peerDependencies); if (hasDependencies) { return ( - <> - {Object.entries(dependencyMap).map(([dependencyType, dependencies]) => { - if (!dependencies || Object.keys(dependencies).length === 0) { - return null; - } - - return ( - - ); - })} - + + + {Object.entries(dependencyMap).map(([dependencyType, dependencies]) => { + if (!dependencies || Object.keys(dependencies).length === 0) { + return null; + } + return ( + <> + + + ); + })} + + ); } - return ( - - ); + return ; }; export default Dependencies; diff --git a/packages/ui-components/src/components/Deprecated/Deprecated.stories.tsx b/packages/ui-components/src/components/Deprecated/Deprecated.stories.tsx index 999421f40..65cb500c6 100644 --- a/packages/ui-components/src/components/Deprecated/Deprecated.stories.tsx +++ b/packages/ui-components/src/components/Deprecated/Deprecated.stories.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { default as Deprecated } from '.'; export default { - title: 'Deprecated', + title: 'Components/Detail/Deprecated', }; export const DeprecatedAll: any = () => ; diff --git a/packages/ui-components/src/components/Developers/Developers.stories.tsx b/packages/ui-components/src/components/Developers/Developers.stories.tsx index 4510d4bd0..83062a9a2 100644 --- a/packages/ui-components/src/components/Developers/Developers.stories.tsx +++ b/packages/ui-components/src/components/Developers/Developers.stories.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { DeveloperType, default as Developers } from '.'; export default { - title: 'Developers', + title: 'Components/Sidebar/Developers', }; export const DevelopersAll: any = () => ( diff --git a/packages/ui-components/src/components/Distribution/Dist.stories.tsx b/packages/ui-components/src/components/Distribution/Dist.stories.tsx index 8b6b7ada9..1f1abbc44 100644 --- a/packages/ui-components/src/components/Distribution/Dist.stories.tsx +++ b/packages/ui-components/src/components/Distribution/Dist.stories.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { default as Dist } from '.'; export default { - title: 'Dist', + title: 'Components/Sidebar/Dist', }; export const AllProperties: any = () => ( diff --git a/packages/ui-components/src/components/Engines/Engines.stories.tsx b/packages/ui-components/src/components/Engines/Engines.stories.tsx index 56dce501a..bec1905ed 100644 --- a/packages/ui-components/src/components/Engines/Engines.stories.tsx +++ b/packages/ui-components/src/components/Engines/Engines.stories.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { default as Engines } from '.'; export default { - title: 'Engines', + title: 'Components/Sidebar/Engines', }; export const EnginesNpmNode: any = () => ( diff --git a/packages/ui-components/src/components/FundButton/FundButton.stories.tsx b/packages/ui-components/src/components/FundButton/FundButton.stories.tsx index e30cda10e..402d6a958 100644 --- a/packages/ui-components/src/components/FundButton/FundButton.stories.tsx +++ b/packages/ui-components/src/components/FundButton/FundButton.stories.tsx @@ -1,25 +1,56 @@ import Box from '@mui/material/Box'; import Stack from '@mui/material/Stack'; +import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; import { default as FundButton } from '.'; -export default { - title: 'FundButton', +const meta: Meta = { + title: 'Components/Sidebar/FundButton', + component: FundButton, }; -export const FundButtonUrl: any = () => ( - - - - - -); +export default meta; +type Story = StoryObj; + +export const Primary: Story = { + name: 'Default', + render: () => { + return ( + + + + + + ); + }, +}; + +export const Bad: Story = { + name: 'Bad Link (empty)', + render: () => { + return ( + + + + + + ); + }, +}; diff --git a/packages/ui-components/src/components/Help/Help.stories.tsx b/packages/ui-components/src/components/Help/Help.stories.tsx index 06c175683..5dd6b8f11 100644 --- a/packages/ui-components/src/components/Help/Help.stories.tsx +++ b/packages/ui-components/src/components/Help/Help.stories.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { default as Help } from '.'; export default { - title: 'Help', + title: 'Components/Home/Help', }; export const HelpMessage: any = () => ; diff --git a/packages/ui-components/src/components/Help/__snapshots__/Help.test.tsx.snap b/packages/ui-components/src/components/Help/__snapshots__/Help.test.tsx.snap index cb3f07b2d..aeeeab29d 100644 --- a/packages/ui-components/src/components/Help/__snapshots__/Help.test.tsx.snap +++ b/packages/ui-components/src/components/Help/__snapshots__/Help.test.tsx.snap @@ -116,8 +116,8 @@ exports[` component should load the component in default state 1`] = ` color: rgba(0, 0, 0, 0.54); -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - padding: 12px; - font-size: 1.75rem; + padding: 5px; + font-size: 1.125rem; } .emotion-10::-moz-focus-inner { @@ -315,7 +315,7 @@ exports[` component should load the component in default state 1`] = ` help.first-step-command-line