Commit graph

30 commits

Author SHA1 Message Date
Oleg Shur
2d82b9c0a9
New Confirmation Messages modal (#2376)
* New Confirmation Messages

* Fix #2348

* Fix codesmels

* fix #2242

* fix #2347
2022-08-03 11:37:35 +03:00
Oleg Shur
c4f97327c0
Make frontend work properly with custom context url (#2363)
* Add an ability to run app from subfolder

* linting

* Fix all the static resources URLs and manifest.json

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-08-01 20:47:49 +04: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
Oleg Shur
66e4eede51
Upgrade RQ to v4 (#2300) 2022-07-21 10:08:23 +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
Oleg Shur
a4046d46ef
chore: migrate clusters from toolkit to react-query (#2214) 2022-06-28 15:15:12 +03:00
Robert Azizbekyan
9c7f078ded
fixing logout redirect issue (#2170)
* fixing logout redirect issue

* fixing logout problem
2022-06-23 17:59:30 +04: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
Kirill Morozov
16ac428610
Burger fixed (#2131)
* Burger fixed

* Used function 'closeSidebar'

* Removed unused import

* Added whitespace before return

* Added useCallBack wrapper for closeSidebar function

* Added useCallBack wrapper for closeSidebar function

* Delete backend.yml

* backend.yml restored

* Extra spaces removed
2022-06-09 10:01:53 +03:00
Arsen Simonyan
45dc7f616c
Add logout button UI (#1854)
* add logout button ui

* adding redirect to /logout

Co-authored-by: rAzizbekyan <razizbekyan@provectus.com>
Co-authored-by: Robert Azizbekyan <103438454+rAzizbekyan@users.noreply.github.com>
2022-06-07 16:05:58 +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
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
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
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
Azat Belgibayev
e569e46a8a
Refactor breadcrumbs params detection (#1394)
Co-authored-by: Oleg Shur <workshur@gmail.com>
2022-01-25 12:01:37 +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
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
German Osin
5c5efeb428 Renamed to UI for Apache Kafka 2021-06-09 14:24:32 +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
Oleg Shur
d471759b79
Cleanup styling (#365) 2021-04-09 14:29:39 +03:00
Rustam Gimadiev
7bc01811c3
Display info about app version (#335)
* inject VERSION to npm build

* [issues#315] add new component VersionApp. Display application version in UI

* [CHORE] Adds info about app vesrsion

* fix mvn envs

* [CHORE] Cleanup and specs

Co-authored-by: mbovtryuk <mbovtryuk@provectus.com>
Co-authored-by: Oleg Shuralev <workshur@gmail.com>
2021-04-05 13:44:08 +03:00
Oleg Shur
46cec171e3
[CHORE] Alerts (#240) 2021-04-03 20:34:21 +03:00
Oleg Shur
1769a7a0fc
[CHORE] Schema Registry UI Improvements. Cleanup (#237)
* createSchema thunk throws an error for unsuccesfull response

* refactor PageLoader common component

* fix error on details page of schema reg section load

* refactor index page for schema reg

* refactoring

* Add cluster wrapper + cleanup
2021-03-11 15:22:03 +03:00
Oleg Shur
3bc9447cc7
Schema Registry Views (#195)
* Schema Registry index page https://github.com/provectus/kafka-ui/pull/183

* Schema Registry show page https://github.com/provectus/kafka-ui/pull/196

* Specs https://github.com/provectus/kafka-ui/pull/208

* New JsonViewer common component
2021-02-24 15:05:05 +03:00
Azat Gataullin
5d0b783abb
issue-31/add-ui-prefix-for-react-routes (#34)
* issue-31/add-ui-prefix-for-react-routes

* added route for /ui path (#40)

Co-authored-by: Roman Nedzvetskiy <roman@Romans-MacBook-Pro.local>

Co-authored-by: Roman Nedzvetskiy <gmcodemail@gmail.com>
Co-authored-by: Roman Nedzvetskiy <roman@Romans-MacBook-Pro.local>
2020-04-28 14:17:52 +03:00
soffest
c26edd1316
WIP: Consumer groups list with search. (#17)
* Added concumer groups list with search.

* added endpoint for group consumers

* removed redundand code and imports

* changed method to async mono

* method located better

* changes after review

* changed foreach to map

Co-authored-by: Sofia Shnaidman <sshnaidman@provectus.com>
Co-authored-by: Roman Nedzvetskiy <roman@Romans-MacBook-Pro.local>
2020-04-07 11:15:48 +03:00
Zhenya Taran
8b64575bd5 use cluster name instead of cluster id 2020-03-01 16:07:33 +02:00
Yevgen Taran
498eb96bee
Feature/backend init (#3)
* move react-app to its own folder inside project

* move backend to kafka-ui repo

* setup react inside netty

* make application ready in 2 commands

* update readme

* update readme

* update readme

* update readme

* update profiles for application start inside (sdp profile) and outside docker (local profile)

* broker metrics endpoint

* topics endpoint start commit

* topics details endpoint start commit //
dependencies and versions fix

* small pom updates //
continue review fixes

* fix review issues //
save errors //
save connections and update connection logic //
save jmx, zookeeper, kafka statuses //
error with getting one topic doesn't fail others //
async metrics processing //
cluster data storage refactoring

* properties version extracting

* properties versions

* topic details

* remove jmx, topic details, topic configs

* create topic

* final fixes, topic creation

* topic creation ui fixes

* add check for cases when cluster is offline
2020-02-27 15:55:53 +03:00
Renamed from src/components/App.tsx (Browse further)