From 12935f2814a26437ec881bc756c629983c579116 Mon Sep 17 00:00:00 2001
From: thijsheijden <hi@thijsheijden.nl>
Date: Sat, 5 Feb 2022 13:46:29 +0100
Subject: [PATCH] fix: storybooks working
---
apps/graphpolaris/.storybook/main.js | 2 +-
apps/graphpolaris/src/app/app.tsx | 1 -
.../graphpolaris/src/web/components/panels/Panel.stories.tsx | 5 ++++-
apps/graphpolaris/src/web/components/panels/Panel.tsx | 1 +
4 files changed, 6 insertions(+), 3 deletions(-)
diff --git a/apps/graphpolaris/.storybook/main.js b/apps/graphpolaris/.storybook/main.js
index 89de33637..22ecf8311 100644
--- a/apps/graphpolaris/.storybook/main.js
+++ b/apps/graphpolaris/.storybook/main.js
@@ -9,7 +9,7 @@ module.exports = {
...rootMain.stories,
'../src/app/**/*.stories.mdx',
'../src/app/**/*.stories.@(js|jsx|ts|tsx)',
- '../src/components/**/*.stories.@(js|jsx|ts|tsx)',
+ '../src/web/components/**/*.stories.@(js|jsx|ts|tsx)',
],
addons: [...rootMain.addons, '@nrwl/react/plugins/storybook'],
webpackFinal: async(config, { configType }) => {
diff --git a/apps/graphpolaris/src/app/app.tsx b/apps/graphpolaris/src/app/app.tsx
index ec8a4820d..c1255e7dd 100644
--- a/apps/graphpolaris/src/app/app.tsx
+++ b/apps/graphpolaris/src/app/app.tsx
@@ -7,7 +7,6 @@ import {
import React, { useEffect } from 'react';
import ReactJSONView from 'react-json-view';
import GridLayout from 'react-grid-layout';
-import TestComponent from '../web/components/TestComponent';
import Panel from '../web/components/panels/Panel';
const RawJSONVis = React.memo(() => {
diff --git a/apps/graphpolaris/src/web/components/panels/Panel.stories.tsx b/apps/graphpolaris/src/web/components/panels/Panel.stories.tsx
index 9b6d60a2a..a17f7b23e 100644
--- a/apps/graphpolaris/src/web/components/panels/Panel.stories.tsx
+++ b/apps/graphpolaris/src/web/components/panels/Panel.stories.tsx
@@ -7,7 +7,7 @@ export default {
* See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
- title: 'NodeLink',
+ title: 'Panel',
component: Panel,
decorators: [(story) => <div style={{ padding: '3rem' }}>{story()}</div>],
} as ComponentMeta<typeof Panel>;
@@ -18,10 +18,13 @@ export const Primary = Template.bind({});
Primary.args = {
content: 'Testing header #1',
+ color: 'blue',
};
export const Secondary = Template.bind({});
Secondary.args = {
content: 'Testing header number twoooo',
+ color: 'purple',
+ children: <h1>I AM A CHILD</h1>,
};
diff --git a/apps/graphpolaris/src/web/components/panels/Panel.tsx b/apps/graphpolaris/src/web/components/panels/Panel.tsx
index ad7454f74..7dbc0d617 100644
--- a/apps/graphpolaris/src/web/components/panels/Panel.tsx
+++ b/apps/graphpolaris/src/web/components/panels/Panel.tsx
@@ -20,6 +20,7 @@ const Wrapper = styled.div<{ color: string }>`
`;
const Content = styled.div`
+ margin: 1em;
padding: 1em;
background-color: white;
border-radius: 8px;
--
GitLab