Commit graph

23 commits

Author SHA1 Message Date
Oleg Shur
70414d2279
New Dropdown component (#2355)
* New Dropdown component

* Cleanup

* Styling

* Minireset
2022-07-31 15:38:44 +03:00
Oleg Shur
bffe316063
Use react-hot-toaster for alerts (#2312)
* Use react-hot-toaster for alerts

* Fix linting problems
2022-07-25 14:16:00 +03:00
Robert Azizbekyan
002e4db355
fixing create topic (#2275) 2022-07-18 14:57:28 +04:00
Oleg Shur
9af6b0032b
Kafka Connect with React-Query (#2258)
* Kafka Connect hooks

* Migrate connectors list page to RQ

* Migrate connector details page overview to RQ

* Migrate connector config page to RQ

* Migrate connector tasks page to RQ

* Get rid of some deadcode

* Migrate connector Actions page to RQ

* Get rid of some deadcode

* Migrate connector create page to RQ

* Migrate connector Edit page to RQ

* move fixtures to lib folder

* refactoring
2022-07-18 13:06:55 +03:00
Kirill Morozov
fac348bb38
Added Social icons (#2137)
* Added Social icons

* Removed unused import

* Icon name fixed

* package-lock.json reverted

* Delete package-lock.json

* Added colors to theme

* Social icons refactored

* Discord icon size fixed

* Discord icon color fixed

* Discord icon replaced with the new one

* Icons colors changed

* Social Network Links

Co-authored-by: Oleg Shuralev <workshur@gmail.com>
2022-06-21 15:23:28 +03:00
Oleg Shur
3cd0c2897a
get rid of unused bulma styles. small UI refactoring (#2130)
* Get rid of bulma

* Refactor SecondaryTabs

* Refactor Messages View

* Refactor Inputs

* get rid of unused components

* refactoring

* Remove unused bulma styles
2022-06-07 11:15:30 +03:00
Robert Azizbekyan
b32ff9ca8b
fixing dropdown arrow behavior for Topics Messages (#2028)
* fixing dropdown arrow behavior

* adding color from theme
2022-05-30 11:46:32 +04:00
Mgrdich
6eb6bb1d7e
Smart filters improvements (#1814)
* Add Filters add button and remove the Add Filter Icon

* Generalize DeleteFilterModal and write tests suites + add custom addModal hook

* add react-testing-hook-lib + add tests to useModal hook

* Add parameter to ConfirmationModal + remove delete Modal add generic modal in add filter page

* implementing the modal hook on add Filter

* Finalize the Smart Filters functionality

* Styling code modifications

* Styling code modifications

* Filters styling code modifcations

* minor modifications in the tests suites

* minor tests suites description modifications

* minor tests suites code modifications

* Adding unNamed Filter selection option + tests suites

* Fix typo

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

* Adding tests Wuites to AddEditFilterContainer and to addFilter

* Add Filters add button and remove the Add Filter Icon

* Generalize DeleteFilterModal and write tests suites + add custom addModal hook

* add react-testing-hook-lib + add tests to useModal hook

* Add parameter to ConfirmationModal + remove delete Modal add generic modal in add filter page

* implementing the modal hook on add Filter

* Finalize the Smart Filters functionality

* Styling code modifications

* Styling code modifications

* Filters styling code modifcations

* minor modifications in the tests suites

* minor tests suites description modifications

* minor tests suites code modifications

* Adding unNamed Filter selection option + tests suites

* Fix typo

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

* Adding tests Wuites to AddEditFilterContainer and to addFilter

* q parameter modifications in the SmartFilters

* Add popup close functionality after applying the filters

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-04-18 14:14:53 +04:00
Mgrdich
15ef0364ca
Clusters Style change during initializing phase + implement tests suites (#1787) 2022-04-01 00:30:19 +04:00
Damir Abdulganiev
50889e6ac3
FE: KSQL execution is unstable (#1576)
* sse init

* sse refactoring

* checkstyle fix

* checkstyle fix

* refactor

* refactor

* api spec changes

* ReactiveAdminClient toMono fix

* moved to ksql/v2 request

* Updates Result renderer and Query SSE bugs

* Result renderer works

* Corretcly renders table and errors

* Changes the way getFormattedError formats message for error alert

* Adds common comp Header, Adds new component TableTitle, Changes PageHeading, LatestVersionItem and TableTitle to use Header comp, Adds error handling for KSQL SSE

* Changes functions to useCallbacks

* WIP: Fixes linter issue

* fixes

* WIP: Disables controls on request

* fixes

* WIP: Disabled editors look disabled, Updates snapshot

* WIP: Removes codesmell

* fixes

* fixes

* WIP: Adds eslint rules for react hooks, Fixes bug in ksqlDb query

* WIP: Fixes error with early return

* WIP: run to test if it builds

* WIP: Fixes error formating

* WIP: Fixes error message

* WIP: better error

* WIP: Fixes validation issues and now we can submit form with CMD + ENTER

* WIP: Initial tests

* WIP: More test for query

* WIP: rewrite to make things simpler

* WIP: Tests done

* WIP: More tests

* small improvement

* Test if sonar works

* Adds cases for TableRenderer

* Fixes test fro table renderer

* Changes sonar properties

* Adds cases for QueryForm.spec.tsx

* Adds cases to QueryForm.spec.tsx

* Updates Query.spec.tsx

* Adds small eventsource mock

* Adds test to QueryForm.spec.tsx

* Updates Query.spec.tsx

* Better error with empty response

Co-authored-by: Ekaterina Petrova <epetrova@provectus.com>
Co-authored-by: iliax <ikuramshin@provectus.com>
Co-authored-by: Ilya Kuramshin <ilia-2k@rambler.ru>
Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
Co-authored-by: Mgrdich <mgotm13@gmail.com>
Co-authored-by: Mgrdich <46796009+Mgrdich@users.noreply.github.com>
2022-03-17 16:09:48 +03: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
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
Damir Abdulganiev
0832462bfc
[FE] Add the logo (#1611)
* Changes favicon

* Adds logo

* Removes bulma from Version and makes it look just like in figma
2022-02-18 12:32:54 +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
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
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
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
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
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
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