Commit graph

155 commits

Author SHA1 Message Date
NelyDavtyan
f7e7bc0e38
Update frontend to reflect design changes (#1708)
* adding new colors and changing styles

* removing unneccessary code
2022-03-09 15:15:19 +04:00
Sasha Stepanyan
b08e22915d
Issue-1184: fix logo link and remove redundant path segment "ui" (#1658) 2022-03-03 15:48:24 +04:00
NelyDavtyan
39359bb9a9
live message tailing (#1672)
* live tailing

* addind test case

* fixing useffect array deps

* adding test cases for select

* adding test cases for filters

* deleting unused code

* adding test case for filter
2022-03-03 15:15:40 +04:00
Ricardo Brasil
e85e1aafa1
Add clear message when topic creation fails (#1669) 2022-03-02 12:30:28 +03:00
sasunprov
cc926b2fc9
Rename offsets columns and add "message count" in topic details page (#1651) 2022-02-22 14:34:43 +04:00
Zorii4
627f1391bc
Fix frontend linter warnings (#1647)
* quick fix

* fix SendMessage component

Co-authored-by: Anton Zorin <zorii4@Antons-MacBook-Pro.local>
2022-02-21 19:31:22 +03:00
Denys Malofeiev
77706ce670
[Fixed issue/1302] Edited the behavior of form submitting when you send default values of fields (#1586)
* edited the behavior of form submitting

* removed useMemo hook in SendMessage

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-02-21 17:02:50 +02:00
Denys Malofeiev
94b1f4a772
[Fixed issue/1587] Got rid of react-hooks/exhaustive-deps errors (#1616)
* got rid of react-hooks/exhaustive-deps errors - part 1

* got rid of react-hooks/exhaustive-deps errors in useSearch

* got rid of react-hooks/exhaustive-deps errors in Filters

* got rid of react-hooks/exhaustive-deps errors in ResetOffsets

* got rid of react-hooks/exhaustive-deps errors in Filters

* got rid of react-hooks/exhaustive-deps errors in Breadcrumbs

* got rid of react-hooks/exhaustive-deps errors in DynamicTextButton

* got rid of react-hooks/exhaustive-deps errors in useDataSaver

* got rid of react-hooks/exhaustive-deps errors in ResultRenderer

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-02-21 14:03:56 +02:00
NelyDavtyan
58fdb85fb8
Fix URP status color for topics and brokers (#1565)
* fix URP color for topcis and brokers

* brokers ISR fix

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
Co-authored-by: Alla Golosenko <92585878+agolosen@users.noreply.github.com>
2022-02-14 17:13:57 +03:00
Zorii4
fbbc6537c8
[Issue-1492] Fixed all tag-badges background colors (#1594)
Co-authored-by: Anton Zorin <ant.zorin@gmail.com>
2022-02-14 13:27:42 +03:00
Zorii4
4eaf8ea2c6
[ISSUE-1512]Added sorting by topics size
* [ISSUE-1512]Added sorting by topics size

* Add sort by Size.Refactoring sort order

* correct a little mistake

* Improve test coverage

* got rid code dupliction

* refactoring

Co-authored-by: ValentinPrischepa <valentin.prischepa@gmail.com>
Co-authored-by: Anton Zorin <ant.zorin@gmail.com>
Co-authored-by: Oleg Shur <workshur@gmail.com>
2022-02-09 15:46:11 +03:00
Denys Malofeiev
54bd778d9c
Fixed issue/1465 partially got rid of enzyme in tests (#1489)
* got rid of enzyme in Dropdown tests

* got rid of enzyme in DynamicTextButton tests

* got rid of enzyme in Search tests

* Revert "got rid of enzyme in Search tests"

This reverts commit cd2c5b10ab.

* got rid of enzyme in Search tests

* got rid of enzyme in SQLEditor tests

* got rid of enzyme in Connect tests

* got rid of enzyme in Connect/Details tests

* got rid of enzyme in Topics\Topic tests

* got rid of ThemeProvider in render function

* fixed redundant

* used userEvent instead of fireEvent

* fixed snapshot tests

* used screen

* rise testing-library approach

* got rid of snapshot in Search component test

* changed titles of Search component test

* fixed topics details test
2022-02-04 22:34:34 +02:00
Zorii4
6d7817ffa7
[Issue-1535] Hide 'Clear Messages' button on Topic whithout Delete Clean Up Policy (#1542)
Co-authored-by: Anton Zorin <zorii4@Antons-MacBook-Pro.local>
2022-02-04 16:22:02 +03:00
Zorii4
8a7399b093
[Issue 1508] Improve test coverage (#1527)
* component Utils test covered

* component Topic test covered

* Improved test coverage

* edited ConfigListItem component

* Resolve feedback's comment

* made correct description in test case title
2022-02-03 14:06:13 +03:00
Damir Abdulganiev
ced74ac550
[Fixes #1534] No originally selected custom parameters in topic's edit tab (#1538)
- Fixes No originally selected custom parameters in topic's edit tab #1534
- Adds test case for CustomParams to verify fix
- Updates CustomParamsField to use predefined value
- Renames INDEX_PREFIX to TOPIC_CUSTOM_PARAMS_PREFIX and moves it to constants file
- Removes unused configs from Topic/Edit component
- Rewrites DangerZone styled's
- Rewrites DangerZone tests
- Adds margin to DangerZone to match TopicForm width
- Adds simple Topic/Edit test
- Changes sonar-project.properties file's sonar.exclusions to correctly ignore paths

Signed-off-by: Roman Zabaluev <rzabaluev@provectus.com>

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-02-03 13:29:02 +03:00
Damir Abdulganiev
982d29709b
[Fixes #1510] UI, Critical: retention.bytes parameter set to 0 (#1514)
* Changes Default value of rentention.bytes

* Adds test for TopicForm
* Removes bug from Topic/New test
* Updates Topic/New test
* Adds accessible names for TopicForm
* Add id's to Select component
2022-02-01 17:08:46 +03:00
Damir Abdulganiev
4390923e48
[Fixes #1520] Too short visible list for Schema compatibility level selector (#1524)
* Updates Select styles to always show scrollbar on webkit

Co-authored-by: Damir Abdulganiev <dabdulganiev@provectus.com>
2022-02-01 16:35:42 +03:00
Zorii4
10e6160eaf
[ISSUE 1408] Get rid of Bulma's classes 'Elements'. (#1494)
* Removed sass modules not used in project

* get rid Icon from Bulma

* Get rid of Bulma's classes 'Elements'.

* resoved comments from review

* resolved Code Smells problem

* refactoring TableHeader styles

* merge master

Co-authored-by: Oleg Shur <workshur@gmail.com>
2022-01-31 15:20:59 +03:00
Zorii4
c116c844bb
[ISSUE 1406] Get rid of direct use of colors map. Refactoring.
* Get rid of direct use of colors map

* Edited direct using color map in styled component

* Resolved conflicts, refactored Dropdown component

* resolved feedback

* refactoring

Co-authored-by: Oleg Shur <workshur@gmail.com>
2022-01-25 18:10:02 +03:00
NelyDavtyan
f2272bd6b3
replacing enzyme with react testing library for topics overview (#1475) 2022-01-25 14:53:27 +04:00
Azat Belgibayev
e569e46a8a
Refactor breadcrumbs params detection (#1394)
Co-authored-by: Oleg Shur <workshur@gmail.com>
2022-01-25 12:01:37 +03:00
NelyDavtyan
05174fd684
fixing cannot create a topic issue,added some default values to pass … (#1467)
* fixing cannot create a topic issue,added some default values to pass validation

* fixed default values in other forms

Co-authored-by: Ekaterina Petrova <epetrova@provectus.com>
2022-01-24 21:33:16 +03:00
Dekshut
9446d9c39d
[Fixes #1410] Edited using colors in styled components using our Theme (#1442)
* Edited using colors in syled components

* updated snapshots

* updated snapshots

* edited stylistic mistake

Co-authored-by: Oleg Shur <workshur@gmail.com>
2022-01-22 15:49:41 +02:00
dependabot[bot]
e2b63fcec2
Bump eslint-config-airbnb-typescript from 12.3.1 to 14.0.2 in /kafka-ui-react-app (#1294)
* Bump eslint-config-airbnb-typescript in /kafka-ui-react-app

Bumps [eslint-config-airbnb-typescript](https://github.com/iamturns/eslint-config-airbnb-typescript) from 12.3.1 to 14.0.2.
- [Release notes](https://github.com/iamturns/eslint-config-airbnb-typescript/releases)
- [Changelog](https://github.com/iamturns/eslint-config-airbnb-typescript/blob/master/CHANGELOG.md)
- [Commits](https://github.com/iamturns/eslint-config-airbnb-typescript/compare/v12.3.1...v14.0.2)

---
updated-dependencies:
- dependency-name: eslint-config-airbnb-typescript
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* Update Eslint config

* Update eslint

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Oleg Shuralev <workshur@gmail.com>
2022-01-21 23:45:38 +03:00
Damir Abdulganiev
31954ceb55
[Fixes #1428] Improve Sonar Cloud security hotspots metrics (#1436)
* Removes regex from compareVersions

* Replaces regexes in reducers

* Rewrite Version and compareVersions to expect undefined

* Adds safeguard against strange cases

* Fixes regression from another PR

Co-authored-by: Damir Abdulganiev <dabdulganiev@provectus.com>
2022-01-20 20:18:31 +03:00
Ekaterina Petrova
205d8d000d
Bugfix/select (#1397)
* new select styles init

* Custom select compound component

* Select component fix styles

* Added react hook form controller

* Moved from compound component

* fixed vslues & onChange for controller

* fixed tests & code cleanup

* fix review

* fixed linter

* fixed discussions

Co-authored-by: Ekaterina Petrova <epetrova@provectus.com>
2022-01-20 16:41:20 +03:00
NelyDavtyan
68f1d3e7ee
Protobuf schema is not formatted properly (#1426)
* clusters"s table styles was fixed, added hyphens to breadcrumbs, URP is not abbreviated and ISR is abbreviated already and "f0" was changed to 0

* styled component name for cluster table was changed

* adding tests for clusterwidget cells, adding title for ISR and bringing back changes in breadcrumb regarding hyphens

* fixing clusterWidget test

* fixing double scroll issue inside Topics > Messages > Content for large message content

* bring back last changes

* changing styles for scrollbar

* fixing protobuf schema to be formatted correctly

* makeing requested changes, JSONEditor renamed to Editor,fixed schema edit and versions

* rename JSONViewer to EditorViewer

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-01-20 13:21:13 +04:00
Damir Abdulganiev
2d5a8c024a
[Fixes #1391] Incorrect topic message content type (avro -> json) (#1422)
* Updates MessageContent to use keyFormat and valueFormat data from API

* Changes imports to * from S

* Adds tests verify keyFormat and contentFormat renders correctly

Co-authored-by: Damir Abdulganiev <dabdulganiev@provectus.com>
2022-01-19 17:45:50 +03:00
Damir Abdulganiev
7789523613
[Fixes #1213] Topic Creation: Inconsistency in Deleted parameters (#1395)
* CustomParams: Fixed condition error. Now existingFields updates correctly when one of CustomParamsFields is deleted

* Resolves bug when you select option and after select another - existingFields do not update correctly

* CustomParams fields update correctly

* Increases coverage

Co-authored-by: Damir Abdulganiev <dabdulganiev@provectus.com>
2022-01-19 17:34:12 +03:00
NelyDavtyan
3291b85838
clusters"s table styles was fixed, added hyphens to breadcrumbs, URP … (#1384)
* clusters"s table styles was fixed, added hyphens to breadcrumbs, URP is not abbreviated and ISR is abbreviated already and "f0" was changed to 0

* styled component name for cluster table was changed

* adding tests for clusterwidget cells, adding title for ISR and bringing back changes in breadcrumb regarding hyphens

* fixing clusterWidget test

* fixing double scroll issue inside Topics > Messages > Content for large message content

* bring back last changes

* changing styles for scrollbar

* added required changes from reviewers and removed enzyme from clusterWidgets test
2022-01-19 16:14:47 +04:00
Damir Abdulganiev
cdc929add7
[Fixes #1212] Confusing sorting UI in Topics (#1389)
* Topics: Updated tests for TableHeaderCell and recreated snapshots

* Topics: Updated snapshot

* Topics: Added more tests to verify that TableHeaderCell is rendering correctly

* Update kafka-ui-react-app/src/components/common/table/TableHeaderCell/TableHeaderCell.tsx

Co-authored-by: Oleg Shur <workshur@gmail.com>

* Update kafka-ui-react-app/src/components/common/table/TableHeaderCell/TableHeaderCell.tsx

Co-authored-by: Oleg Shur <workshur@gmail.com>

* Updates snapshots

* Updates snapshot

* Updates TableHeaderCell test to use theme object instead of hardcoded values

* got rid of codesmells

* Adds more tests to raise coverage

* cleanup

* Removes orderBy, orderValue, otherOrderValue from test

* Renames sortIconTitle -> sortIconTitleValue

* Renames th -> columnheader in test

* Renames title -> testTitle, previewText -> testPreviewText, sortIconTitleValue -> sortIconTitle

* Renames titleNode -> title, previewNode -> preview

Co-authored-by: Damir Abdulganiev <ehave@Damirs-MacBook-Pro.local>
Co-authored-by: Damir Abdulganiev <dabdulganiev@provectus.com>
Co-authored-by: Oleg Shur <workshur@gmail.com>
2022-01-19 12:43:00 +03:00
NelyDavtyan
bdf01e4e69
Updated topic URP status color. (#1336)
* Updated topic URP status color.

* Small fix.

* Added test for circular-alert.

* Added test for topic detail overview.

* Fixed name.

* Updated test for topic detail overview.
2022-01-18 19:04:28 +04:00
NelyDavtyan
a4fce3cd81
Added readonly status for the cluster. (#1364)
* Added readonly status for the cluster.

* Classes element changed to styled components.

* removed unnecessary className from interface.
2022-01-17 18:29:41 +04:00
Ekaterina Petrova
b6c876275f
Added GlobalSchemaSelector tests (#1376)
* Added GlobalSchemaSelector tests

* fix schema selection assertion

Co-authored-by: Ekaterina Petrova <epetrova@provectus.com>
2022-01-17 16:22:50 +03:00
Ekaterina Petrova
c732862fd0
Empty table for brokers & change tag styles (#1371)
Co-authored-by: Ekaterina Petrova <epetrova@provectus.com>
2022-01-13 11:13:39 +03:00
Oleg Shur
613348faa2
[ISSUE-1189] Refactor Schemas store (#1327)
* [ISSUE-1189] Refactor Schemas store

* Design review fix (#1341)

* Design review fix init

* changed pagination tests, refactored styles, fixed topicform

* redesign fix code cleanup

* styled select position

* styled select fix bracket

* resolved code review

* moved latest version styles to theme

* fixed queryByRole in pagination tests

Co-authored-by: Ekaterina Petrova <epetrova@provectus.com>
Co-authored-by: Oleg Shuralev <workshur@gmail.com>

* Inconsistency in updating the global compatibility level (drop down menu) (#1363)

* Fix select in schema registry

* refactored GlobalSchemaSelector & ListItem

* Moved list & list item tests to react-testing-library

* Added some tests for GlobalSchemaSelector

* Added props test

* Specs

Co-authored-by: Ekaterina Petrova <epetrova@provectus.com>
Co-authored-by: Oleg Shuralev <workshur@gmail.com>

* Feedback

* Cleanup

Co-authored-by: Ekaterina Petrova <32833172+Hurenka@users.noreply.github.com>
Co-authored-by: Ekaterina Petrova <epetrova@provectus.com>
2022-01-11 13:32:32 +03:00
NelyDavtyan
b5aa86cf4c
Added a popup warning about deleting topic messages. (#1324)
* Added a popup warning about deleting topic messages.

* Added test for warning popup.

* Small fix.
2022-01-10 16:34:36 +03:00
Roman Zabaluev
32a2e753b0
Allow producing messages with an empty key/value
* [ISSUE 1046] UI allows to submit message with empty key & value (#1264)

* [ISSUE 1046] UI allows to submit message with empty key & value

* Update Contract

(cherry picked from commit 4b730eb288)

* Backend fix

* Refactoring

* Fix nullable & checkstyle

* Fix jsonnullable get

* Remove unnecessary check and add a test

Co-authored-by: Oleg Shur <workshur@gmail.com>
2021-12-24 19:00:27 +03:00
NelyDavtyan
5a487e437d
Issues/1265 (#1303)
* Make all labels Title Case in popup menus.

* Increased length of the sorting box to make the title readable like for 'Latest first' there.

* Disabled 0 and negative values in Topic Creation redesign.

* Changed consumer, connect labels status colors.

* Added test for consumer-list

* Update kafka-ui-react-app/src/components/Brokers/Brokers.tsx

Co-authored-by: Oleg Shur <workshur@gmail.com>

* Fixed warnings.

* Added test for customer group list.

* Added an interface to the object.

Co-authored-by: Oleg Shur <workshur@gmail.com>
2021-12-24 18:16:12 +04:00
Roman Zabaluev
fd83f190f5
Revert "[ISSUE 1046] UI allows to submit message with empty key & value (#1264)"
This reverts commit 4b730eb288.
2021-12-18 06:01:34 +03:00
Oleg Shur
4b730eb288
[ISSUE 1046] UI allows to submit message with empty key & value (#1264)
* [ISSUE 1046] UI allows to submit message with empty key & value

* Update Contract
2021-12-17 20:44:13 +03:00
Oleg Shur
a170cce4fa
Fix specs (#1267) 2021-12-17 12:59:58 +03:00
NelyDavtyan
2d40c3eac1
Issues/1228 Increased length of the sorting box to make the title readable like for 'Latest first' there, make all labels Title Case in popup menus. (#1263)
* Make all labels Title Case in popup menus.

* Increased length of the sorting box to make the title readable like for 'Latest first' there.

* Update kafka-ui-react-app/src/components/common/Select/Select.styled.ts

Co-authored-by: Oleg Shur <workshur@gmail.com>

Co-authored-by: Oleg Shur <workshur@gmail.com>
2021-12-17 11:46:27 +04:00
NelyDavtyan
65d648419c
Fixed issue of partition shrink of the drop-down list in the search bar. (#1259) 2021-12-16 14:41:45 +03:00
Oleg Shur
7e5e8d9268
Redesign (#1045)
* Refactor topic creation

* Remove unused thunk

* Remove excess interface

* Add New page snapshot test

* Refactor new component tests

* Remove excess function

* Add typography variables and classes

* Add font families

* Implement custom button

* Get rid of enums

* Add theme

* Separate styles from logic

* Feature/layout redesign (#862)

* Refactor pages general layout

* Refactor breadcrumbs

* Refactor brokers metrics

* Fix toggle position

Co-authored-by: azat.belgibayev <azat.belgibayev@almatech.dev>

* add redesigned new menu item

* remove styles from theme

* update tests

* fix local and app wide styles

* add tests

* Add theme

* Add types to the styles

* update menu item prop prefixes, minor fixes

* add theme styles, move interface, update test, snapshot

* add optional styling

* add isActive props, propagate component, update tests

* remove button

* Revert "remove button"

This reverts commit 4a9c87d8d8.

* add tests for styled button

* remove ternary operator from style

* import styled from lib/

* Custom Inputs  (#890)

* Implement and test custom input

* Custom select (#896)

* Implement custom select

* Fix Metrics component (#914)

* Add styled table header cell component (#901)

* Redesign menu (#918)

* Finish styling menu

* Styled Table

* Fix styled table

* Allow custom buttons work as links

* Restyle Breadcrumb

* Topics list (#946)

* Redesign pagination

* Fix styled components usage

* Topic messages (#959)

* Topic Consumer Groups

* Message settings

* Finish styling indicators

* Style the dashboard

* Finish with the topics page

* Style consumer groups list

* Restyle the consumer group details

* Style alerts

* Style confirmation modal

* Update DangerZone.spec.tsx

* redesign schema registry

* Add Topic details snapshot

* Style Page Loader

* Style connectors list

* Style KSQL

* Remove all the classes from the styled components (#1049)

* Redesign topic form (#1051)

* Redesign connect details (#1053)

* Update types for styled-components (#1054)

* Redesign some minor forms in the app (#1062)

* Fix alert styles

* Get rid of bulma/layout styles

* Fix form styling

* Custom Switch component

* fix border-radius property of metrick widgets

* get rid of warnings in tests

* use jest-styled-components

* cleanup

* get rid of some bulma modules

* refactor metrics component

* get rid of JSON-tree. Json Editor redesign

* update proxy config

* Refactor Alerts component (#1124)

* Refactor tests (#1129)

* App layout update (#1127)

* ‘App-layout-update’

* toBeNull changed to toBeInDocument

* scss file removed

* App navbar layout update

* navbar test

* code smells local refactoring

* StyledMenuItem code smells refactoring

* StyledClusterTab code smells refactoring

* ConfirmationModalWrapper code smells refactoring

* input icon and label code smells refactoring

* navburger displaying fixed

* Get rid of classes

* fix code smells

* refactor styles

* refactor styles

Co-authored-by: Oleg Shuralev <workshur@gmail.com>

* Refactored Cluster nav (#1147)

* Update caniuse

* refactor Nav component

* Update sonars config

* refactor Nav component + specs

* Specs

* Feature/code smells removing (#1148)

* StyledSelect code smell refactoring

* SecondaryTabs code smell refactoring

* TextareaStyled code smell refactoring

* TableStyled code smell refactoring

* StyledTableHeaderCell code smell refactoring

* Add custom render with theme provider wrapper for testing lib (#1152)

* Added cleanupPolicy to topic details. Closes #999 (#1067)

* Rename "latest first" to "oldest first"

* Switch to redux-toolkit. Refactoring (#1171)

* Switch to redux-toolkit

* Fix #1207 (cherry-pick)

* refactor metrics (#1253)

Co-authored-by: Azat Belgibayev <belg.azat@gmail.com>
Co-authored-by: Alexander <mr.afigitelniychuvak@gmail.com>
Co-authored-by: azat.belgibayev <azat.belgibayev@almatech.dev>
Co-authored-by: sergei <scheremnov@provectus.com>
Co-authored-by: Alexander Krivonosov <31561808+GneyHabub@users.noreply.github.com>
Co-authored-by: Alina Miryuk <alinamiryuk@mail.ru>
Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2021-12-15 12:10:36 +03:00
Roman Zabaluev
7603199e53
Fix 4w time to retain selector value 2021-11-09 15:09:09 +03:00
Alexander Krivonosov
45a2fc2b47
Fix topics pagination (#1041)
* Fix topics search
2021-11-01 17:51:49 +03:00
Si Tang
7b62af1fa2
Hide 'Clear All Messages' button on topics with non-delete policy
* #992: hide 'Clear All Messages' button on topics which are not delete policy, as it's not supported by AdminClient

* #992 remove console.log and use type
2021-10-27 15:10:57 +03:00
Alexander Krivonosov
cfa4e11506
Skip schema validation if type is string 2021-10-26 14:39:55 +03:00
Alexander Krivonosov
9eb96dc59a
Fix custom params list after removing (#1011) 2021-10-25 15:22:48 +03:00