Commit Graph

80 Commits

Author SHA1 Message Date
RachelElysia
6b34f32e88
Frontend Tech Debt: All data/page errors use same component (#5455) 2022-05-03 16:57:08 -04:00
RachelElysia
0aa8db3a2f
Spiffier UI: Fix empty states (#5395) 2022-04-29 15:59:27 -04:00
Martavis Parker
0cb8326423
Fixed style for action buttons in all modals (#5402)
* fixed style for action buttons in all modals

* fixed tests and modified more components

* fixed class reference in test

* removed unused file
2022-04-27 13:40:28 -07:00
Martavis Parker
384c987389
Removed all traces of Redux from the app! (#5287)
* clean up routes and useless components

* component clean up

* removed redux from routes

* rename file

* moved useDeepEffect hook with others

* removed redux, fleet, app_constants dirs; added types to utilities

* style cleanup

* typo fix

* removed unused ts-ignore comments

* removed redux packages!!!

* formatting

* fixed typing for simple search function

* updated frontend readme
2022-04-22 09:45:35 -07:00
Noah Talerman
124d272b38
Update the columns and elements the Fleet UI shows/hides at breakpoints (#5186)
* Revisions to the specification in the "Make table behavior in the Fleet UI consistent down to 768px" issue: #3052
2022-04-18 13:36:25 -04:00
gillespi314
ab85963cbd
Handle UI error parsing invalid sql (#5016) 2022-04-11 15:18:31 -05:00
gillespi314
1a2123a358
Improve UI responsiveness for tables at narrower screen sizes (#4926) 2022-04-07 14:12:38 -05:00
Martavis Parker
3575d34507
Refactor Redux-triggered flash message component (#4795)
* base logic to handle rendering a notification without redux

* removed dispatches for new flash mesage triggers

* query page wrapper is no longer needed

* refactored confirm invite page to remove redux

* refactored email token redirect to functional and typescript

* refactored pack composer page to functional and typescript

* clean up

* lint fixes

* tests no longer needed

* fixed confirm sso invite test

* test fix

* fixed test

* fixed tests

* removed redux from flash on rebased pages
2022-03-31 23:42:26 -07:00
gillespi314
deeaf9d036
Add ability to detect compatibility and update which hosts are checked for a policy (#4703)
Add new usePlatformSelector custom hook
Add new usePlatformCompatibility custom hook
Add new PlatformSelector global component
Refactor PlatformCompatibility as global component
Refactor sql_tools to TypeScript
Improve type definitions for context/policy
Align PolicyPage and QueryPage with platform compatibility changes
2022-03-21 11:51:00 -05:00
Martavis Parker
aed9e3aa1e
Minimize Redux in pages where possible (#4614)
* removed redux from settings wrapper

* removed redux rooute push from team details

* removed redux route push from user management

* removed redux from forgot password

* removed unused function

* removed redux from login successful page

* removed redux push route from edit pack

* removed use of redux push route from pack composer

* removed use of redux route push from manage queries

* removed use of redux route push from query form

* removed use of redux route push from schedule

* lint fixes

* created sessions service

* removed redux route use from login

* lint fixes

* fixed and removed unnecessary tests
2022-03-21 08:35:24 -07:00
RachelElysia
a022a11ebf
Frontend Tech Debt: Typescript types (#4319) 2022-03-10 10:10:44 -05:00
Martavis Parker
33c5f0651c
New tooltips! (#4326)
* Allow sort by more than one key

* created custom tooltip component

* remove unused code

* fixed style for more layouts

* added tooltip to query side panel

* tooltips added to setting form

* finished settings form

* added tooltip for perf impact table headers

* tooltip for pack table and user form

* tooltip on manage policies page

* tooltip for manage schedules

* tooltip for automations; spacing for form input

* tooltip for automations modal

* user form; fixed input with icon component

* more user form tooltips

* tooltip for homepage; style fixes

* replaced many more tooltips with new version

* added story for tooltip

* added position prop

* fixed tests

* re-work how we click react-select dropdowns

* forcing the update button click

* trying a blur

* fixed typo

* trying blur on another element

* temp check-in

* replaced tooltip from host details software

* more consolidation of tooltip use for software

* fixed settings flow test

Co-authored-by: Tomas Touceda <chiiph@gmail.com>
2022-02-28 13:25:06 -08:00
RachelElysia
ecf15adc33
Fleet UI: Enter submits for Remove and Delete modals (#4336) 2022-02-24 09:15:50 -05:00
RachelElysia
0ffca38f77
Queries and Scheduled Queries UI: Performance impact tooltips (#4201) 2022-02-15 11:19:01 -05:00
RachelElysia
bb11f5008f
Frontend tech debt: Clean up 409 lint warnings (#3703)
* Clean up unused variables, return types, many quick type any
2022-02-14 17:11:12 -05:00
gillespi314
4d5e3277ef
Add new feature: Software page (#3923)
* Add new software page
* Add hosts counts and last updated to software card on homepage
* Extend InfoCard component to all children to set dynamic title information and hyperlinks
* Add new TeamsDropdownHeader component
* Refactor TableContainer to move server-side pagination buttons to DataTable
* Extend DataTable to include footer element
2022-01-31 16:24:20 -06:00
gillespi314
fc44970f49
Fix bug in row select checkbox for table UI (#3798) 2022-01-19 18:22:45 -06:00
RachelElysia
e91b653703
Remove negations from frontend ternaries (#3509) 2021-12-29 11:46:47 -05:00
Luke Heath
1c4bc0954c
Fix loading indicator on select targets pages (#3408) 2021-12-20 11:36:17 -06:00
RachelElysia
c64627caa4
Manage Queries Page: No queries does not show create new query cta for observers (#3358) 2021-12-13 15:57:56 -08:00
RachelElysia
9e905f8e10
Query Empty Search: Fix count and empty state (#3314)
* Display count is now correct, bug with 0 being falsy
* Empty component renders for client side search even if data table 'disappears'
* Hide display count if display count is 0 includes for client side search
* Hide search and dropdown if no queries have been created
2021-12-09 14:43:34 -08:00
RachelElysia
10dbfaad86
Query UI Bug: Query checkbox now reset on delete (#3203) 2021-12-06 11:25:02 -06:00
Luke Heath
e750eb9745
Standardize TeamsDropdown component usage (#3135) 2021-12-01 17:37:33 -06:00
Luke Heath
79e046182a
Add client side pagination to queries table (#3165) 2021-12-01 13:05:04 -06:00
Luke Heath
4619696036
Fix table layout styling on host details and query page (#2925) 2021-11-15 14:11:22 -06:00
gillespi314
86687a80cc
Add query author avatar; format last modified time (#2898)
Co-authored-by: Luke Heath <luke@fleetdm.com>
2021-11-12 16:45:53 -06:00
Luke Heath
d9556b3f7f
Perform client side filtering with react table (#2834) 2021-11-09 11:31:28 -06:00
Martavis Parker
bcfac603f0
Added components to Storybook library (#2768)
* added storybook

* added avatar component

* added button story

* added dropdown button story

* removed unused ellipsis component

* cleaned up modal path

* reorganized enroll secrets table file

* added flash story; removed unused persistent flash

* added fleet ace story

* added checkbox story

* added dropdown story

* added input story

* fixed storybook build

* fixed avatar

* added input with icon story

* added radio button story

* added select targets dropdown story

* added slider story

* added tooltip story

* added info banner story

* removed unused loaders; added spinner story

* added modal story

* removed unused NumberPill

* added pagination story

* lint fixes

* added documentation to run

* modified documentation

* fixed corelayout test

* fixed format for date-fns

* fixed date format that breaks tests

* wait for page
2021-11-06 23:41:09 -07:00
Martavis Parker
f1ed172ac5
Client side search for tables no longer debounce (#2807)
Relates to #2793.

Removed debounce from client-side search for tables because it conflicted with react-table's search mechanism.
2021-11-04 21:16:42 -07:00
gillespi314
136b0450c0
Fix memoization of data transform for query API results (#2790) 2021-11-04 11:48:46 -05:00
Luke Heath
5566fdf532
Adjust queries page table columns based on screen size (#2695) 2021-10-27 16:19:23 -05:00
RachelElysia
c194f8ae57
Team Admin: Give team admin all team maintainer's permissions for query experience (#2689) 2021-10-26 16:55:53 -04:00
gillespi314
cab1099890
Surface query-platform compatibility in FleetUI (#2640)
- Add functionality to parse sql for platform compatibility based on osquery tables
- Surface query-platform compatibility in create/edit query form
- Surface query-platform compatibility as new column in manage queries table
- Add filter-by-platform feature to manage queries table
- Refactor manage queries page to useQuery and useContext patterns
2021-10-25 13:00:32 -05:00
RachelElysia
36babcc510
UI feature: Frontend of performance impact bubbles (#2589)
Includes backend fixes and test
Co-authored-by: Tomas Touceda <chiiph@gmail.com>
2021-10-22 16:05:49 -04:00
Luke Heath
99673eb148
Fix broken links to docs (#2561) 2021-10-22 12:39:20 -05:00
RachelElysia
403ef5cc59
Dev X: Destructure props in functional component's argument (#2582) 2021-10-22 11:34:45 -04:00
m4wh6k
b856f351b0
Fix broken link on QueriesListWrapper and in docs to std query lib docs (#2614) 2021-10-20 16:53:01 -07:00
gillespi314
746d02ebe0
Allow team maintainer to edit, save, or delete queries if they are the author (#2236) 2021-09-29 15:01:30 -05:00
RachelElysia
1b2b926380
Delete Query UX: Better error handling if query is a part of policies (#2278) 2021-09-29 15:19:10 -04:00
gillespi314
81ef5d6a59
Update observer_can_run display value (#2279) 2021-09-29 10:22:39 -05:00
RachelElysia
66597ced71
App wide UI: Error and empty states for tables (#1875) 2021-09-02 08:16:19 -04:00
gillespi314
8c38b587f4
Fix query table sorting (#1708) 2021-08-18 09:00:02 -05:00
noahtalerman
4b5891edbc
Add minimum width for Fleet UI and "Pack" tables on "Host details" page and "Queries" table (#1701)
- Add `$min-app-width: 1200px` to define the minimum width of the Fleet UI. 
- Remove sort form the "Query name" column in the "Pack" tables on the **Host details** page
- Set static widths all column in the "Pack" tables on the **Host details** page except the "Query name" column to support the new minimum width
- Set static widths for all columns in the "Queries" table except the "Name" and "Author" columns to support the new minimum width
2021-08-18 09:17:16 -04:00
noahtalerman
20792e7356
Add new loading spinner, edit text-icon buttons (spiffier) and rename SiteNavSidePanel (#1684)
- Update icon for "Edit columns" button on **Hosts** page
- Update `text-icon` button variant
- Add new loading spinner
- Rename `SiteNavSidePanel` to `SiteTopNav`
- Use `text-icon` button variant where appropriate
- Disable pagination on the **Schedule** page
2021-08-16 14:47:04 -04:00
Martavis Parker
4a4c3c4949
fixed table column wrapping for manage queries page (#1638) 2021-08-16 09:19:27 -07:00
gillespi314
fce0f16c25
ManageQueriesPage: Table loading state
Improve UI handling of queries loading state in ManageQueriesPage
2021-08-10 16:54:21 -05:00
RachelElysia
267b7343e1
Manage Packs Page: Refactor to typescript, functional components, new UI (#1567)
* Refactor ManagePacksPage as functional component in TypeScript
* Refactor old table using TableContainer component
* Add Enable, Disable buttons to DataTable component
* Update Packs interface with additional properties
* Update Cypress e2e tests
2021-08-10 14:25:34 -04:00
RachelElysia
8e6f04d7c5
Spiffier buttons in UI (#1583) 2021-08-09 12:38:13 -04:00
gillespi314
df47fcb808
Refactor manage queries page (#1526)
Refactor ManageQueriesPage as functional component in TypeScript
Refactor old table using TableContainer component
Enhance ActionButton component with optional icons
Update DataTable component to render table header buttons per Figma
Update Query interface with additional properties
Update Cypress e2e tests
Remove unused files
2021-08-03 15:09:01 -05:00
RachelElysia
5e40afa8ba
Clean up linter warnings (#1026)
* Fix 25+ linter warnings
Co-authored by: Sarah Gillespie @gillespi314
2021-06-10 10:00:03 -04:00