kafka-ui/kafka-ui-react-app
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
..
.husky Bump react app deps (#285) 2021-03-18 14:39:00 +03:00
public Replace favicon (#695) 2021-07-20 18:00:46 +03:00
src Redesign (#1045) 2021-12-15 12:10:36 +03:00
.editorconfig enhancement/24-use-arbnb-setup 2020-04-13 13:26:44 +03:00
.env Add ability to use custom basePath (#511) 2021-06-03 15:46:13 +03:00
.eslintignore Configuration files updated 2021-02-02 14:48:29 +03:00
.eslintrc.json Redesign (#1045) 2021-12-15 12:10:36 +03:00
.gitignore [CHORE] Update React to v17 2020-12-07 14:08:50 +03:00
.nvmrc Update node to v14.17.1 + deps (#559) 2021-06-16 19:14:16 +03:00
.prettierrc enhancement/24-use-arbnb-setup 2020-04-13 13:26:44 +03:00
docker-compose.yaml Feature/backend init (#3) 2020-02-27 15:55:53 +03:00
LICENSE Feature/backend init (#3) 2020-02-27 15:55:53 +03:00
openapitools.json Fix npm generate on windows 2021-12-03 18:09:23 +03:00
package-lock.json Redesign (#1045) 2021-12-15 12:10:36 +03:00
package.json Redesign (#1045) 2021-12-15 12:10:36 +03:00
README.md Get rid of node-sass. Ability to run UI using proxy(#1099) 2021-11-17 12:57:38 +03:00
sonar-project.properties Redesign (#1045) 2021-12-15 12:10:36 +03:00
tsconfig.dev.json [CHORE] Update dependencies. Clean linter warnings 2020-12-02 17:33:59 +03:00
tsconfig.json [CHORE] Specs and Test env improvements (#198) 2021-02-16 14:16:03 +03:00

UI for Apache Kafka

UI for Apache Kafka management

Quality Gate Status

Table of contents

Requirements

Getting started

Go to react app folder

cd ./kafka-ui-react-app

Install Husky

npm install -g husky

Install dependencies

npm install

Generate API clients from OpenAPI document

npm run gen:sources

Start application

Proxying API Requests in Development

Create or update existing .env.local file with

HTTPS=true # if needed
DEV_PROXY= https://api.server # your API server

Run the application

npm start

Docker way

Have to be run from root directory.

Start UI for Apache Kafka with your Kafka clusters:

docker-compose -f ./docker/kafka-ui.yaml up

Make sure that none of the .env* files contain DEV_PROXY variable

Run the application

npm start