fix: refactor loading of main page, use new Sidebar in main page, fix small UI bugs (#4451)

* Tighten space between main page sidebar buttons

* Fixed skeleton size

* Added playground button back

* Updated no components and flows state

* Update default icon to Workflow

* Fixed size of list cards

* Removed browse store

* Removed playground button

* Removed black background from empty folder state

* Update empty state color

* Fix color of empty state

* fix text not selectable

* updated border color

* added shadow only on hover

* Remove JSON from Download JSON

* Fixed colors and weight of tabs on home page

* Fixed padding on list and grid components

* Update icons that take long to load

* Fixed icon and bg color for home tiles

* Removed unused code

* removed placeholder data for skeleton to not appear on first load

* Make onSuccess refetch the queries so that the loading waits for it

* Removed unused divs on foldersidebarnav

* Refactor sidebar buttons to use new shadcn sidebar

* Created skeletons for folder, grid and list

* Added new sidebar size

* Use new sidebar button on header and implemented animation

* Changed icon to getIcon

* Added sidebar provider and fixed loading states of the main page

* Removed folder buttons on emptyPage

* Fixed foldername to appear immediatly, and fixed loading states for the folders

* Removed unused state from folders store

* Removed unused states from folders store type

* Added new icon

* fixed modals component to not show a trash icon

* Changed icons to load immediatly

* Added empty folder condition to not display header info

* Added conditions to show loading state until everything loads

* Created empty folder state

* Changed empty page to correct colors

* Added skeletons while flows of the folder are loading

* Removed shadow from text

* Fixed font chivo taking long time to load

* Fix adding new folder not redirecting

* [autofix.ci] apply automated fixes

* Fixed colors and paddings on list and grid components

* Re added tooltips to upload and create folders

* fix input for name editing

* Fix tests

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
This commit is contained in:
Lucas Oliveira 2024-11-08 14:33:52 -03:00 • committed by GitHub
commit a09652ca5f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
30 changed files with 697 additions and 631 deletions

View file

@ -41,9 +41,17 @@ test("CRUD folders", async ({ page }) => {
await page.getByText("Select All").first().isVisible();
await page.getByTestId("add-folder-button").click();
await page.getByText("New Folder").last().isVisible();
await page
.locator("[data-testid='folder-sidebar']")
.getByText("New Folder")
.last()
.isVisible();
await page.waitForTimeout(1000);
await page.getByText("New Folder").last().dblclick();
await page
.locator("[data-testid='folder-sidebar']")
.getByText("New Folder")
.last()
.dblclick();
const element = await page.getByTestId("input-folder");
await element.fill("new folder test name");
@ -172,9 +180,17 @@ test("change flow folder", async ({ page }) => {
await page.getByText("Select All").first().isVisible();
await page.getByTestId("add-folder-button").click();
await page.getByText("New Folder").last().isVisible();
await page
.locator("[data-testid='folder-sidebar']")
.getByText("New Folder")
.last()
.isVisible();
await page.waitForTimeout(1000);
await page.getByText("New Folder").last().dblclick();
await page
.locator("[data-testid='folder-sidebar']")
.getByText("New Folder")
.last()
.dblclick();
await page.getByTestId("input-folder").fill("new folder test name");
await page.keyboard.press("Enter");
await page.getByText("new folder test name").last().isVisible();