Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add statements page #9

Merged
merged 1 commit into from
Jul 29, 2020
Merged

Add statements page #9

merged 1 commit into from
Jul 29, 2020

Conversation

koorosh
Copy link
Contributor

@koorosh koorosh commented Jul 21, 2020

The main reason I put all changes into single PR is to add all components which needed for Statements page
and manage to display components in Storybooks.
StatementsPage component is added to Storybook for visual testing;

Current changes are not final. Following changes have to be made:

  • connect to analytics tracking (before it was hardcoded into component, and not it has to be dispatched as redux action)
  • some styles are broken, due to missing global dependencies.
  • activateStatementsModal doesn't have an overlay on top of the screen.

Note:

  • LESS loader is added to preprocess styles from react-select external library
  • ⚠️Project won't build without proto.js files. Later, it has to be external dependency and for now, src/js/ dir (from Admin UI) has to be copied with all content to ./src/js.

@koorosh koorosh requested a review from dhartunian July 21, 2020 14:04
src/dropdown/dropdown.stories.tsx Show resolved Hide resolved
webpack.config.js Show resolved Hide resolved
- Add components that used in Statements page
- Add Less loader to import Antd styles
- Process .scss as not plain file (not module) to import `react-select`
styles
@koorosh koorosh merged commit 0235ed4 into cockroachdb:master Jul 29, 2020
craig bot pushed a commit to cockroachdb/cockroach that referenced this pull request Aug 5, 2020
51910: ui: use StatementsPage from admin-ui-components r=koorosh a=koorosh

Depends on cockroachdb/admin-ui-components#9
Depends on cockroachdb/yarn-vendored#27
Depends on cockroachdb/yarn-vendored#28

`StatementsPage` component is replaced with previously extracted version of StatementsPage in `admin-ui-components`.
The new version (extracted) of `StatementsPage` has several changes that required to make the following adjustments:
- `ActivateStatementDiagnostics` modal isn't connected components anymore so dispatching actions are pulled up to connected StatementsPage wrapper.
- Previously, analytics functions (which track user interaction) were
called directly from React components that made this functionality tightly coupled.
Now, sagas used to watch actions related to user interaction and then call async logic in sagas.
-- components expose only callback functions which are related to the
the logic component is responsible;
-- connected component is responsible to dispatch actions with proper
payload to be properly then handled by sagas.




Co-authored-by: Andrii Vorobiov <and.vorobiov@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants