diff --git a/src/mocks/category.mock.tsx b/src/mocks/category.mock.tsx
deleted file mode 100644
index 5d73b979c1..0000000000
--- a/src/mocks/category.mock.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-export const CATEGORY_MOCKS = [
-  {
-    created: new Date(),
-    label: 'Plastic, Materials',
-  },
-  {
-    created: new Date(),
-    label: 'Product Design',
-  },
-  {
-    created: new Date(),
-    label: 'Building',
-  },
-  {
-    created: new Date(),
-    label: 'Workspace',
-  },
-]
diff --git a/src/mocks/tags.mock.tsx b/src/mocks/tags.mock.tsx
deleted file mode 100644
index 1e55bcbd1d..0000000000
--- a/src/mocks/tags.mock.tsx
+++ /dev/null
@@ -1,194 +0,0 @@
-import type { ITag } from 'src/models/tags.model'
-import { MOCK_DB_META } from './db.mock'
-
-export const TAGS_MOCK: ITag[] = [
-  // how-to
-  {
-    ...MOCK_DB_META('DJN99ErXz8FHy035YdMO'),
-    image: '',
-    label: 'extrusion',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'sheet press',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'other machine',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'collection',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'product',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'mould',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'research',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'hack',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'washing',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'HDPE',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'LDPE',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'PP',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'PS',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META('fLUiS1PS9WEKSRlTe8Cs'),
-    image: '',
-    label: 'shredder',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META('JVpo3tdEqbk8G787hAZH'),
-    image: '',
-    label: 'injection',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META('kuJqlMsnpfr5VR4BZ1ML'),
-    image: '',
-    label: 'compression',
-    categories: ['how-to'],
-  },
-  {
-    ...MOCK_DB_META('jUtS7pVbv7DXoQyV13RR'),
-    image: '',
-    label: 'sorting',
-    categories: ['how-to'],
-  },
-  // EVENTS
-  {
-    ...MOCK_DB_META('1zfteiFXNDbDnlE3Incg'),
-    image: '',
-    label: 'cleanup',
-    categories: ['event'],
-  },
-  {
-    ...MOCK_DB_META('9RlNW5tLD3BxMhL7keFN'),
-    image: '',
-    label: 'workshop',
-    categories: ['event'],
-  },
-  {
-    ...MOCK_DB_META('T7bZy8OhN7K4OWJ09wSX'),
-    image: '',
-    label: 'exhibition',
-    categories: ['event'],
-  },
-  {
-    ...MOCK_DB_META('cd41vHdBh1M2YtPlYcYR'),
-    image: '',
-    label: 'presentation',
-    categories: ['event'],
-  },
-  {
-    ...MOCK_DB_META('IM8aJW5LrQDK2Mby8rYJ'),
-    image: '',
-    label: 'screening',
-    categories: ['event'],
-  },
-  {
-    ...MOCK_DB_META('kVSRJqFt52hi8RHW5wjb'),
-    image: '',
-    label: 'meet & greet',
-    categories: ['event'],
-  },
-  {
-    ...MOCK_DB_META('7yhssOmZqiihTBXK2cxU'),
-    image: '',
-    label: 'brainstorm session',
-    categories: ['event'],
-  },
-  {
-    ...MOCK_DB_META('5nXtB6mHdffDurEDLt6Q'),
-    image: '',
-    label: 'open day',
-    categories: ['event'],
-  },
-  {
-    ...MOCK_DB_META('Qr2sOd3aM4CvZsSfFkPn'),
-    image: '',
-    label: 'protest',
-    categories: ['event'],
-  },
-  // PROFILE EXPERTISE
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'Electronics',
-    categories: ['profile-expertise'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'Machining',
-    categories: ['profile-expertise'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'Welding',
-    categories: ['profile-expertise'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'Assembling',
-    categories: ['profile-expertise'],
-  },
-  {
-    ...MOCK_DB_META(),
-    image: '',
-    label: 'Mould making',
-    categories: ['profile-expertise'],
-  },
-]
diff --git a/src/pages/common/FilterBar/FilterBar.tsx b/src/pages/common/FilterBar/FilterBar.tsx
deleted file mode 100644
index ba2b992b0b..0000000000
--- a/src/pages/common/FilterBar/FilterBar.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import * as React from 'react'
-
-import { PROJECTS_MOCKS } from 'src/mocks/projects.mock'
-import { CATEGORY_MOCKS } from 'src/mocks/category.mock'
-import { TAGS_MOCK } from 'src/mocks/tags.mock'
-
-import { Box, Flex } from 'theme-ui'
-import { Button } from 'oa-components'
-import Selector from './Selector'
-import { logger } from 'src/logger'
-import { Link } from 'react-router-dom'
-
-interface IProps {
-  onChange: () => void
-  section: string
-}
-
-export default class FilterBar extends React.Component<IProps> {
-  constructor(props: IProps) {
-    super(props)
-  }
-  public onProjectChange() {
-    logger.debug('project changed')
-    this.props.onChange()
-  }
-
-  public onCategoryChange() {
-    logger.debug('onCategoryChange')
-    this.props.onChange()
-  }
-
-  public onTagsChange() {
-    logger.debug('onTagsChange')
-    this.props.onChange()
-  }
-
-  render() {
-    const { section } = this.props
-    return (
-      <Flex sx={{ justifyContent: 'space-between' }} mb={4}>
-        <Box>
-          <Selector
-            onChange={() => this.onProjectChange()}
-            list={PROJECTS_MOCKS}
-          />
-          <Selector
-            onChange={() => this.onCategoryChange()}
-            list={CATEGORY_MOCKS}
-          />
-          <Selector onChange={() => this.onTagsChange()} list={TAGS_MOCK} />
-        </Box>
-        <Box>
-          <Link to={section + '/create'}>
-            <Button variant="outline">create {section}</Button>
-          </Link>
-        </Box>
-      </Flex>
-    )
-  }
-}
diff --git a/src/pages/common/FilterBar/Selector.tsx b/src/pages/common/FilterBar/Selector.tsx
deleted file mode 100644
index 2d5583cf02..0000000000
--- a/src/pages/common/FilterBar/Selector.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import type { ISelectorList } from 'src/models/selectorList.models'
-
-import styled from '@emotion/styled'
-import theme from 'src/themes/styled.theme'
-import type { BorderRadiusProps, SpaceProps, WidthProps } from 'styled-system'
-import { color, borderRadius, space, fontSize, width } from 'styled-system'
-
-import { Icon } from 'oa-components'
-
-interface IProps {
-  onChange?: () => void
-  list: ISelectorList[]
-}
-type selectorProps = IProps & BorderRadiusProps & SpaceProps & WidthProps
-
-const Wrapper = styled.div`
-  ${color};
-  ${borderRadius};
-  ${space};
-  ${width};
-  border: 1px solid ${theme.colors.black};
-  display: inline-block;
-  height: 38px;
-`
-
-const Select = styled.select`
-  ${fontSize};
-  appearance: none;
-  background: transparent;
-  border: none;
-  height: 100%;
-`
-
-const Selector = (props: selectorProps) => (
-  <Wrapper onChange={props.onChange} {...props}>
-    <Select {...props}>
-      {props.list.map((row, i) => (
-        <option key={i} value={row.label}>
-          {row.label}
-        </option>
-      ))}
-    </Select>
-    <Icon glyph={'arrow-down'} size={20} verticalAlign={'middle'} />
-  </Wrapper>
-)
-
-Selector.defaultProps = {
-  className: 'selector',
-  color: theme.colors.black,
-  borderRadius: 1,
-  bg: 'white',
-  px: 2,
-  fontSize: 2,
-}
-
-export default Selector