ref: have components and flags tabs use the same constant file (#2751)

Refactor the constants.ts file containing measurements constants from components and flags to be at a shared space.

src/pages/RepoPage/ComponentsTab/Header/Header.jsx

@@ -1,14 +1,17 @@
 import PropTypes from 'prop-types'
 import { useState } from 'react'
 
+import {
+  TIME_OPTION_VALUES,
+  TimeOptions,
+} from 'pages/RepoPage/shared/constants'
 import { useLocationParams } from 'services/navigation'
 import { useRepoBackfilled, useRepoFlagsSelect } from 'services/repo'
 import A from 'ui/A'
 import Icon from 'ui/Icon'
 import MultiSelect from 'ui/MultiSelect'
 import Select from 'ui/Select'
 
-import { TIME_OPTION_VALUES, TimeOptions } from '../constants'
 
 const Header = ({ controlsDisabled, children }) => {
   const [selectedComponents, setSelectedComponents] = useState([])

src/pages/RepoPage/ComponentsTab/subroute/ComponentsTable/hooks/useRepoComponentsTable.js

@@ -6,7 +6,7 @@ import { SortingDirection } from 'old_ui/Table/constants'
 import {
   AFTER_DATE_FORMAT_OPTIONS,
   MEASUREMENT_TIME_INTERVALS,
-} from 'pages/RepoPage/ComponentsTab/constants'
+} from 'pages/RepoPage/shared/constants'
 import { useLocationParams } from 'services/navigation'
 import { useRepo } from 'services/repo'
 import { useRepoFlags } from 'services/repo/useRepoFlags'

src/pages/RepoPage/FlagsTab/Header/Header.jsx

@@ -1,14 +1,17 @@
 import PropTypes from 'prop-types'
 import { useState } from 'react'
 
+import {
+  TIME_OPTION_VALUES,
+  TimeOptions,
+} from 'pages/RepoPage/shared/constants'
 import { useLocationParams } from 'services/navigation'
 import { useRepoBackfilled, useRepoFlagsSelect } from 'services/repo'
 import A from 'ui/A'
 import Icon from 'ui/Icon'
 import MultiSelect from 'ui/MultiSelect'
 import Select from 'ui/Select'
 
-import { TIME_OPTION_VALUES, TimeOptions } from '../constants'
 
 const Header = ({ controlsDisabled, children }) => {
   const [selectedFlags, setSelectedFlags] = useState([])

src/pages/RepoPage/FlagsTab/subroute/FlagsTable/hooks/useRepoFlagsTable.js

@@ -6,7 +6,7 @@ import { SortingDirection } from 'old_ui/Table/constants'
 import {
   AFTER_DATE_FORMAT_OPTIONS,
   MEASUREMENT_TIME_INTERVALS,
-} from 'pages/RepoPage/FlagsTab/constants'
+} from 'pages/RepoPage/shared/constants'
 import { useLocationParams } from 'services/navigation'
 import { useRepo } from 'services/repo'
 import { useRepoFlags } from 'services/repo/useRepoFlags'