Rearranged types

src/components/ui/StatusButton.tsx

@@ -0,0 +1,16 @@
+import { Grid, styled } from "@material-ui/core"
+
+const StatusButton = styled(Grid)(({ theme }) => ({
+  "background": theme.palette.primary.main,
+  "padding": "8px 16px",
+  "borderRadius": 50,
+  "marginRight": 16,
+  "marginBottom": 16,
+  "cursor": "pointer",
+  "textTransform": "capitalize",
+  "&:hover": {
+    background: "rgba(129, 254, 183, .4)"
+  }
+}))
+
+export default StatusButton

src/modules/etherlink/explorer/EtherlinkDAO/EvmProposalsPage.tsx

@@ -10,6 +10,7 @@ import { EvmDaoProposalList } from "modules/etherlink/components/EvmDaoProposalL
 import { ProposalActionsDialog } from "modules/explorer/components/ProposalActionsDialog"
 import Select, { SelectChangeEvent } from "@mui/material/Select"
 import { useQueryParam } from "modules/home/hooks/useQueryParam"
+import StatusButton from "components/ui/StatusButton"
 
 export const EvmProposalsPage = () => {
   // const daoId = useEtherlinkDAOID()
@@ -70,6 +71,7 @@ export const EvmProposalsPage = () => {
                   <MenuItem value="changeConfig">Change Config</MenuItem>
                 </Select>
               </Grid>
+
               <Grid item xs={12} sm={3}>
                 <Typography variant="body2" color="textPrimary" gutterBottom>
                   Status

src/modules/explorer/components/FiltersDialog.tsx

@@ -4,7 +4,7 @@ import { Grid, styled } from "@material-ui/core"
 import { Typography } from "@mui/material"
 import { ProposalStatus } from "services/services/dao/mappers/proposal/types"
 import { SmallButton } from "modules/common/SmallButton"
-import { Order, ProposalType } from "./FiltersUserDialog"
+import { Order, ProposalType } from "../types.d"
 import { Filters } from "../pages/User/components/UserMovements"
 
 interface Props {

src/modules/explorer/components/FiltersUserDialog.tsx

@@ -6,25 +6,10 @@ import { Dropdown } from "./Dropdown"
 import { ProposalStatus } from "services/services/dao/mappers/proposal/types"
 import { SmallButton } from "modules/common/SmallButton"
 import { Filters } from "../pages/User/components/UserMovements"
+import StatusButton from "components/ui/StatusButton"
+import { ProposalType, OffchainStatus, Order, StatusOption } from "../types.d"
 
-export enum ProposalType {
-  ON_CHAIN = "on-chain",
-  OFF_CHAIN = "off-chain",
-  ALL = "all"
-}
-
-export enum OffchainStatus {
-  ACTIVE = "active",
-  CLOSED = "closed",
-  ALL = "all"
-}
-
-export enum Order {
-  RECENT = "recent",
-  POPULAR = "popular"
-}
-
-interface Props {
+export interface Props {
   open: boolean
   handleClose: () => void
   saveFilters: (filters: Filters) => void
@@ -40,23 +25,6 @@ const Container = styled(Grid)({
   gap: 24
 })
 
-const StatusButton = styled(Grid)(({ theme }) => ({
-  "background": theme.palette.primary.main,
-  "padding": "8px 16px",
-  "borderRadius": 50,
-  "marginRight": 16,
-  "marginBottom": 16,
-  "cursor": "pointer",
-  "textTransform": "capitalize",
-  "&:hover": {
-    background: "rgba(129, 254, 183, .4)"
-  }
-}))
-
-export interface StatusOption {
-  label: string
-}
-
 export const FilterUserProposalsDialog: React.FC<Props> = ({ open, handleClose, saveFilters }) => {
   const [filters, setFilters] = useState<StatusOption[]>([])
   const [onchainStatus, setOnchainStatus] = useState<StatusOption[]>([])

src/modules/explorer/components/ProposalsList.tsx

@@ -9,7 +9,7 @@ import { Poll } from "models/Polls"
 import ReactPaginate from "react-paginate"
 import "../pages/DAOList/styles.css"
 import { Filters } from "../pages/User/components/UserMovements"
-import { Order, ProposalType, StatusOption } from "./FiltersUserDialog"
+import { Order, ProposalType, StatusOption } from "../types.d"
 
 const TableContainer = styled(Grid)({
   width: "100%"

src/modules/explorer/pages/Treasury/index.tsx

@@ -20,7 +20,7 @@ import { TreasuryDialog } from "./components/TreasuryDialog"
 import { SearchInput } from "../DAOList/components/Searchbar"
 import FilterAltIcon from "@mui/icons-material/FilterAlt"
 import { FilterTransactionsDialog } from "modules/explorer/components/FiltersTransactionsDialog"
-import { StatusOption } from "modules/explorer/components/FiltersUserDialog"
+import { StatusOption } from "../../types"
 
 const FiltersContainer = styled(Grid)({
   cursor: "pointer"

src/modules/explorer/pages/User/components/UserMovements.tsx

@@ -19,16 +19,11 @@ import "../../DAOList/styles.css"
 import { ReactComponent as TabsSelectedIcon } from "assets/img/tabs-icon-selected.svg"
 import FilterAltIcon from "@mui/icons-material/FilterAlt"
 import { ArrowBackIos } from "@material-ui/icons"
-import {
-  FilterUserProposalsDialog,
-  OffchainStatus,
-  Order,
-  ProposalType,
-  StatusOption
-} from "modules/explorer/components/FiltersUserDialog"
+import { FilterUserProposalsDialog } from "modules/explorer/components/FiltersUserDialog"
 import { useUserVotes } from "modules/lite/explorer/hooks/useUserVotes"
 import { usePolls } from "modules/lite/explorer/hooks/usePolls"
 import { useDAO } from "services/services/dao/hooks/useDAO"
+import { ProposalType, OffchainStatus, Order, StatusOption } from "../../../types"
 
 const TabsContainer = styled(Grid)(({ theme }) => ({
   borderRadius: 8,

src/modules/explorer/types.d.ts

@@ -0,0 +1,23 @@
+import React, { useState } from "react"
+import { Props } from "./components/FiltersUserDialog"
+
+export enum ProposalType {
+  ON_CHAIN = "on-chain",
+  OFF_CHAIN = "off-chain",
+  ALL = "all"
+}
+
+export enum OffchainStatus {
+  ACTIVE = "active",
+  CLOSED = "closed",
+  ALL = "all"
+}
+
+export enum Order {
+  RECENT = "recent",
+  POPULAR = "popular"
+}
+
+export interface StatusOption {
+  label: string
+}