Commit graph

91 commits

Author SHA1 Message Date
Oleg Shur
cb7627d8df
[CHORE] Unified getTagColor method (#1785)
* [CHORE] Unified getTagColor method

* [CHORE] Reduce component complexity
2022-03-31 16:01:09 +03:00
Anifah Bhadmus
4907e187f8
add loading indicator to topic settings tab (#1746)
Co-authored-by: Oleg Shur <workshur@gmail.com>
2022-03-28 13:48:07 +03:00
Mgrdich
6a1053b2f4
Fixed frontend routing (#1745)
* Revert "Issue-1184: fix logo link and remove redundant path segment "ui" (#1658)"

This reverts commit b08e22915d.

* changing them dashboard logo from an anchor tag to a react-router dom link

* Dashboard element redirect to the same place
2022-03-21 20:00:11 +03:00
Zorii4
634406ac91
[Issue-998] Add Recreate topic button in to list of Topic and Details topic Overview (#1660)
* Add Recreate topic button in to list of Topic and Details topic Overview

* Add reducer and update test

* update reducer test

* update Topic/Details test

* Table and TableColumn components, TableState and DataSource

* Table: Migrate topics table to new Table component

* fix module paths

* test for propertyLookup

* improve useTableState code

* fix folder name

* improve table ordering

Co-authored-by: Anton Zorin <zorii4@Antons-MacBook-Pro.local>
Co-authored-by: Sash Stepanyan <sstepanyan@provectus.com>
Co-authored-by: Sasha Stepanyan <100123785+sasunprov@users.noreply.github.com>
2022-03-21 13:58:13 +04:00
Mgrdich
ad628ed7ae
Adding Loader indicator to the TopicsConsumerGroups pages + migrating its test from Enzyme to react testing library (#1734) 2022-03-18 12:36:21 +04:00
NelyDavtyan
5ce24cb8fd
Smart filters (#1688)
* smart filter creation

* fixing array deps warnings

* fixing array dep errors and infinite loop error

* fixing list item key issue

* adding tests for modals

* adding filterModal tests and fixing code smell in addFilter

* new test cases

* adding test cases

* adding test cases

* fixing code smell issue

* adding new test cases

* import fix

* minor code modifications AddFilter Testing

* minor code modifications FilterModal Testing

* adding AddEditFilterContainer Component for code to avoid code repetition initial

* adding AddEditFilterContainer Component for code to avoid code repetition

* adding AddEditFilterContainer Component moving the form validation and controlled components feature into the component

* adding AddEditFilterContainer Component minor code modifications + adding initial test file for AddEditFilterContainer component

* refactoring and minor modifications in the AddEditFilterContainer test files

* replace EditFilter body with the addEditContainer for general code structure

* Applying AddEditFilterContainer into the AddFilter component , minor EditFilter test typo fix.

* minor error messages view fix in the AddEditFilterContainer + adding testing in AddEditFilterContainer

* adding tests for AddEditFilterContainer component

* adding tests for AddEditFilterContainer component

* adding tests for AddFilter File

* Increasing the performance and the coverage of the tests in AddFilter

* Increasing the performance and the coverage of the tests in AddFilter to full capacity

* Removing the warnings from the AddFilter testing File

* Adding Test File To MessageContent styled file

* Adding Tests in the Filter Component

* Adding Tests in the Filter Component for Seek Selects

Co-authored-by: Mgrdich <mgotm13@gmail.com>
Co-authored-by: Mgrdich <46796009+Mgrdich@users.noreply.github.com>
Co-authored-by: Oleg Shur <workshur@gmail.com>
2022-03-16 13:17:18 +04:00
Mgrdich
5601fe85ac
Adding Test File for Settings Component (#1712) 2022-03-10 14:17:49 +04:00
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
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
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
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
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
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
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
Roman Zabaluev
77226a2144
Support "compact,delete" cleanup policy (#983)
* Fix #973

* Fix topic edition errors

Fixed two errors
1. The error with cleanup policy. Since some of the custom params (like, cleanup policy) are moved to the general form, we were not supposed to add them to the custom params section. Added filtration for this.
2. Fixed the variable name for  Min In Sync Replicas to match the name in the contract

Co-authored-by: Alexander <mr.afigitelniychuvak@gmail.com>
2021-10-25 13:40:50 +03:00
Alexander Krivonosov
e8fb5d3241
Fix message validation (#957) 2021-10-11 13:33:55 +03:00
Alexander Krivonosov
fe0294798c
Update Filters.tsx (#913) 2021-09-29 12:25:17 +03:00