Commit graph

33 commits

Author SHA1 Message Date
Oleg Shur
96b00785b5
Upgrade redux (#2299)
* got rid of redux-thunk

* Bump redux

* Bump ace. Got rid of node-fetch

* Fix vite config
2022-07-19 16:18: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
eb9aeef2d1
disable produce message button if cluster is readOnly (#2077) 2022-05-31 19:04:33 +04:00
Mgrdich
71ac16357b
react router migration (#2045)
* remove withRouter HOC from FiltersContainer

* remove withRouter HOC from Topics DetailsContainer

* remove withRouter HOC from Topics TopicsConsumerGroupsContainer

* withRouter HOC from Topics TopicsConsumerGroupsContainer

* minor code refactor in the Details spec

* Routes code modifications to refactor strings representation to functions

* Settings and TopicsConsumer removal of HOC with Router

* Remove withRouter HOC from Overview file

* Remove withRouter HOC from Edit file

* replace Router path with functions instead of strings

* delete CustomParamsContainer and use the simple component in the TopicForm

* remove HOC from DangerZone container

* Remove withRouter HOC from Connect pages like Config , Overview , Tasks

* Remove withRouter HOC from Connect pages like Actions, Details, Edit, New

* Refactor Kafka Connect Codes

* Refactor Topics pages

* Remove HOC from Diff component and minor code refactor

* Route component migration into children instead of renderProps or component param in App Component

* Route component migration into children instead of renderProps or component param in Cluster Component

* Route component migration into children instead of renderProps or component param in Topics Component

* Route component migration into children instead of renderProps or component param in Topic Component

* Route component migration into children instead of renderProps or component param in Topic Component

* minor bug fix in the Overview selector spread

* change Router from component Render to child render
in ConsumerGroups page

* change Router from component Render to child render
in Schemas page

* change Router from component Render to child render
in KsqlDb page

* change Router from component Render to child render
in Connect page

* change Router from component Render to child render
in Connect Details page

* Overview Details styling code modifications

* All written path to paths with functions

* Route Parameters code fix with functions and params with variables

* Updating BreadCrumb Route

* Refactor Redirects

* WIP React Router v6 migration

* Remove unused imports from the file

* Make KsqlDb pages work with relative Routes

* WIP Make Connect pages work and fix the Schema page testing problem

* transforming consumer groups into relative path router

* Transform Topics pages into relative routes

* Transform Topic pages into relative routes

* Minor changes in Connect and KsqlDb test suites relative routes

* Minor changes in Connect and KsqlDb test suites relative routes

* change the Details into relative Routes

* Topics List naviagtion and caching issue fixed in tests suites

* Topic New Naviagation issue fix + tests suites

* Details navigate migrating into relative paths

* Send Message Submit Naviagttion with tests suites

* Topic Edit pages with working routes navigation

* Topic Details and ResetOffsets Pages tests suites and navigations

* Messages Table Tests suites

* BreadCrumbs Routes fixes

* ClusterMenu and Links styling minor code modifications

* ClusterMenu and Links styling minor code modifications

* Minor Code modifications

* Fix Lintter Problems

* fix Code Smells

* create custom useParams hook

* Adding Path tests

* minor code refactors

* Fix the Button Component redundant Props + transforming routes to relative

* Fix linter issues
2022-05-31 12:33:15 +03:00
Oleg Shur
93a09a6327
Get rid of senseless useCallback hooks (#2048)
* Remove senseless React.useCallback

* Remove senseless React.useCallback
2022-05-30 12:45:21 +03:00
Robert Azizbekyan
6d8c6cace0
Refactoring Topics reducer into redux toolkit (#1939)
* WIP: creating topicSlice

* reformating reducer into toolkit slice and fixed tests

* removing unnecessary lines

* removing dismiss alert action and tests for actions

* removing unnecessary code

* adding tests for selectors

* adding test case for new topics

* adding test cases for topic reducer when fulfilled

* removing unnecessary code

* adding test cases for asyncthunks to increase coverage

* adding new test cases to cover topicSlice

* adding clear messsages fulfilled test case

* removing unnecessary code
2022-05-25 14:54:33 +04:00
Robert Azizbekyan
81d1e955da
Refactor TopicMessages's store to redux/toolkit (#1902)
* Refactor TopicMessages's store to redux/toolkit

* adding test cases to improve coverage

* fixing eslint error

* removing extra code

* Transform redux connect reducer and actions into toolkit slice. (#1883)

* integrate redux toolkit for connects

* uncomment test case

* remove unnecessary comment

* reduce duplication

* Implement code highlighting for smart filters (#1868)

* Implement code highlighting for smart filters

* delete unnecessary code

* fixing eslint problem

* fixing sonar code smells (#1826)

* fixing sonar code smells

* removing unnecessary change

* fixing some sonar code smell issues

* making requested changes

* Fix sonar badges in readme (#1906)

* fixing merge conflicts

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

* Add positive notifications after some successful actions. (#1830)

* add some positive notifications after successful actions

* some improvements

* improve alerts reducer tests

* Fix test warnings (#1908)

* fix fetch mock warnings in brokers.spec.tsx

* use separate waitFor-s for fetch-mock call expects

* Persist show internal topics switch state (#1832)

* persist show internal topics switch state

* minor improvements in topics list tests

* prevent duplication in topic list test file

* fix seek type select border-radius and user-select (#1904)

* Refetch topics list to display the updated data (#1900)

* refetch topics list to display the updated data

* fixing sonar code smells (#1826)

* fixing sonar code smells

* removing unnecessary change

* fixing some sonar code smell issues

* making requested changes

* Fix sonar badges in readme (#1906)

Co-authored-by: Robert Azizbekyan <103438454+rAzizbekyan@users.noreply.github.com>
Co-authored-by: Oleg Shur <workshur@gmail.com>

* Show confirmation modal when clear messages is clicked in topics list (#1899)

* show confirmation modal when clear messages is clicked in topics list

* change variable name

* add missing dependencies

* use useModal hook for topics list modals

* display a human-readable error message for topic custom parameers value field (#1896)

* modify dependencies to fix partitions filter bug (#1901)

Co-authored-by: Arsen Simonyan <103444767+simonyandev@users.noreply.github.com>
Co-authored-by: Oleg Shur <workshur@gmail.com>
2022-05-12 16:41:58 +04: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
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
Sasha Stepanyan
b08e22915d
Issue-1184: fix logo link and remove redundant path segment "ui" (#1658) 2022-03-03 15:48:24 +04: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
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
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
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
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
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
de245e8cc7
Fix redirect after the topic deletion (#842)
* Implement event canceling

* remove unnecessary API call

* Remove the codesmell
2021-09-02 11:16:24 +03:00
Alexander Krivonosov
5302c3e47f
Fix the redirect after topic deletion (#820)
* Move redirect to a hook
2021-08-27 11:29:51 +03:00
Marsel
5c563de4f1
Issue#727 disable deleting (#768)
* broker config refactoring and adding broker config check before topic deletion

* add TOPIC_DELETION feature, refactor KafkaService, add class for constants (Constants.java)

* annotation fixes and change TOPIC_DELETION check

* [issue-727] Disable delete button for a topic if deletion in restricted for this broker #727

* Rewrite to context

* remove code smells

* small fixes

Co-authored-by: marselakhmetov <makhmetov@provectus.com>
Co-authored-by: mbovtryuk <mbovtryuk@provectus.com>
Co-authored-by: Alexander <mr.afigitelniychuvak@gmail.com>
2021-08-25 09:43:55 +03:00
German Osin
18f5e1a2b2
Switched messages endpoint to provide sse with phases & consuming info (#645)
* Switched messages endpoint to provide sse with phases & consuming info

* Switched messages endpoint to provide sse with phases & consuming info

* fixed comments

* Fixed comparator

* Fixed tests

* Reduced images size

* Feature/sse for messages (#681)

* [#645] SSE. Cleanup Topic Messages

* New messages page

* Update outdated snapshots

* Specs

* Specs

* Fixed build

* Fixed possible npe in update cluster on init stage

* Provided additional information with messages #677 (to messages_sse branch) (#700)

* Provided additional information with messages #677

* Sse messages front (#725)

* SSE. Messages page

* Fix handleNextClick

* Add the page loader to the list of messages

Co-authored-by: Alexander <mr.afigitelniychuvak@gmail.com>

* Fix merge errors

* fix conflicts

Co-authored-by: Timur Davletov <tdavletov@provectus.com>
Co-authored-by: Oleg Shur <workshur@gmail.com>
Co-authored-by: Alexander <mr.afigitelniychuvak@gmail.com>
2021-08-04 16:30:00 +03:00
Alexander Krivonosov
ad8598a1d2
Sending messages (#675)
* Implement message sending
2021-07-29 10:26:40 +03:00
dwikov
96f2072eae
Changed ConsumerGroups in the topics folder (with its spec file and container) to TopicConsumerGroups (#572) 2021-06-21 16:16:49 +03:00
TEDMykhailo
5d65967bc6
WIP: [issues#121] Topic Details: Display consumers (#448)
* [issues#121] Topic Details: Display consumers

* [issues#121] Topic Details: Display consumers

* [issues#121] Topic Details: Display consumers

* [issues#121] Topic Details: Display consumers

* [issues#121] Topic Details: Display consumers

* [issues#121] Topic Details: Display consumers

Co-authored-by: mbovtryuk <mbovtryuk@provectus.com>
2021-05-14 10:23:04 +03:00
Alexander Krivonosov
b60ff8acf6
Fix linter (#452) 2021-05-12 21:10:38 +03:00
Alexander Krivonosov
98fcc90c6b
Topics' filtration (#405)
* Implement topics' filtration
2021-05-12 16:34:24 +03:00
TEDMykhailo
c3ff5a2c6b
[issues-357] - User should not be able to update/delete (#392)
* [issues-357] - User should not be able to update/delete internal topics. Add confirmation for all delete/reset actions

* [issues-357] - User should not be able to update/delete internal topics. Add confirmation for all delete/reset actions

* [issues-357] - User should not be able to update/delete internal topics. Add confirmation for all delete/reset actions

* [issues-357] - User should not be able to update/delete internal topics. Add confirmation for all delete/reset actions

* [issues-357] - User should not be able to update/delete internal topics. Add confirmation for all delete/reset actions

* [issues-357] - User should not be able to update/delete

Co-authored-by: mbovtryuk <mbovtryuk@provectus.com>
2021-05-11 22:53:02 +03:00
Oleg Shuralev
7dc0807ec5
[CHORE] Post Prettier update cleanup. 2021-05-11 13:49:22 +03:00
Azat Mutigullin
083e3f7de0
Improve eslint configuration (#385)
Co-authored-by: Oleg Shuralev <workshur@gmail.com>
2021-04-22 14:50:06 +03:00
TEDMykhailo
c86c955ace
[issues-211] - Clearing up messages from a topic (#378)
Co-authored-by: mbovtryuk <mbovtryuk@provectus.com>
2021-04-22 14:28:35 +03:00
Oleg Shur
ca4b3f12f9
Confirmation modal for topic & schema delete actions (#384) 2021-04-21 13:59:12 +03:00
Oleg Shur
bbdd60b7a5
Topics page refactoring (#251)
* Split thunks on files. Refactoring

* [CHORE] Refactor Topics section
2021-03-16 15:13:21 +03:00
Renamed from kafka-ui-react-app/src/components/Topics/Details/Details.tsx (Browse further)