mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-06-16 09:39:09 +00:00
Refactor node packages to yarn workspaces & ditch next.js for CRA. (#161)
* chore: restructure project into yarn workspaces, remove next * fix tests, remove webapp from terraform * remove more ui deployment bits * remove pages, fix FUNDING.yml * remove isomorphism * remove next providers * fix linting issues * feat: start basis of new web ui system on CRA * chore: move types to @roleypoly/types package * chore: move src/common/utils to @roleypoly/misc-utils * chore: remove roleypoly/ path remappers * chore: renmove vercel config * chore: re-add worker-types to api package * chore: fix type linting scope for api * fix(web): craco should include all of packages dir * fix(ci): change api webpack path for wrangler * chore: remove GAR actions from CI * chore: update codeql job * chore: test better github dar matcher in lint-staged
This commit is contained in:
parent
49e308507e
commit
2ff6588030
328 changed files with 16624 additions and 3525 deletions
10
packages/design-system/molecules/help-page-base/BUILD.bazel
Normal file
10
packages/design-system/molecules/help-page-base/BUILD.bazel
Normal file
|
@ -0,0 +1,10 @@
|
|||
load("//hack/bazel/js:react.bzl", "react_library")
|
||||
|
||||
package(default_visibility = ["//visibility:public"])
|
||||
|
||||
react_library(
|
||||
name = "help-page-base",
|
||||
deps = [
|
||||
"//src/design-system/atoms/colors",
|
||||
],
|
||||
)
|
|
@ -0,0 +1,14 @@
|
|||
import * as React from 'react';
|
||||
import { HelpStoryWrapper } from './storyDecorator';
|
||||
|
||||
export default {
|
||||
title: 'Molecules/Help Page',
|
||||
decorators: [HelpStoryWrapper],
|
||||
};
|
||||
|
||||
export const Base = () => (
|
||||
<>
|
||||
<h1>What is the world but vibrations?</h1>
|
||||
<p>Vibrations that synchronize and tie it together, running free forever.</p>
|
||||
</>
|
||||
);
|
|
@ -0,0 +1,21 @@
|
|||
import { palette } from '@roleypoly/design-system/atoms/colors';
|
||||
import * as React from 'react';
|
||||
import styled from 'styled-components';
|
||||
|
||||
export type HelpPageProps = {
|
||||
children: React.ReactNode;
|
||||
};
|
||||
|
||||
const Container = styled.div`
|
||||
background: ${palette.taupe300};
|
||||
padding: 2em 3em;
|
||||
width: 1024px;
|
||||
max-width: 98vw;
|
||||
margin: 0 auto;
|
||||
margin-top: 75px;
|
||||
box-sizing: border-box;
|
||||
`;
|
||||
|
||||
export const HelpPageBase = (props: HelpPageProps) => (
|
||||
<Container>{props.children}</Container>
|
||||
);
|
1
packages/design-system/molecules/help-page-base/index.ts
Normal file
1
packages/design-system/molecules/help-page-base/index.ts
Normal file
|
@ -0,0 +1 @@
|
|||
export * from './HelpPageBase';
|
|
@ -0,0 +1,9 @@
|
|||
import { Content } from '@roleypoly/design-system/organisms/app-shell/AppShell.styled';
|
||||
import * as React from 'react';
|
||||
import { HelpPageBase } from './HelpPageBase';
|
||||
|
||||
export const HelpStoryWrapper = (storyFn: any): React.ReactNode => (
|
||||
<Content>
|
||||
<HelpPageBase>{storyFn()}</HelpPageBase>
|
||||
</Content>
|
||||
);
|
Loading…
Add table
Add a link
Reference in a new issue