@@ -14,12 +14,14 @@ import { Stack } from "../../components/Stack/Stack"
1414import { getFormHelpers , onChangeTrimmed } from "../../util/formUtils"
1515import { workspacesMachine } from "../../xServices/workspaces/workspacesXService"
1616import { WorkspacesPageView } from "./WorkspacesPageView"
17+ import { CloseDropdown , OpenDropdown } from "../../components/DropdownArrows/DropdownArrows"
1718
1819interface FilterFormValues {
1920query :string
2021}
2122
2223const Language = {
24+ filterName :"Filters" ,
2325createWorkspaceButton :"Create workspace" ,
2426yourWorkspacesButton :"Your workspaces" ,
2527allWorkspacesButton :"All workspaces"
@@ -73,10 +75,15 @@ const WorkspacesPage: FC = () => {
7375< div className = { styles . actions } >
7476< Stack direction = "row" >
7577< Button aria-controls = "filter-menu" aria-haspopup = "true" onClick = { handleClick } >
76- Filter
78+ { Language . filterName } { anchorEl ? < CloseDropdown /> : < OpenDropdown /> }
7779</ Button >
7880
79- < Menu id = "filter-menu" anchorEl = { anchorEl } keepMounted open = { Boolean ( anchorEl ) } onClose = { handleClose } >
81+ < Menu id = "filter-menu"
82+ anchorEl = { anchorEl }
83+ keepMounted
84+ open = { Boolean ( anchorEl ) }
85+ onClose = { handleClose }
86+ >
8087< MenuItem onClick = { setYourWorkspaces } > { Language . yourWorkspacesButton } </ MenuItem >
8188< MenuItem onClick = { setAllWorkspaces } > { Language . allWorkspacesButton } </ MenuItem >
8289</ Menu >