chore: delete old ui components + organise files

src/App.tsx

@@ -1,14 +1,12 @@
 import React, { FC } from 'react'
 import { RouterProvider } from 'react-router-dom'
 import AppWrapper from './components/AppWrapper'
-import { pagerRouter } from './components/pager/routes/PagerRouter'
-// import { router } from './routes/Router'
+import { router } from './routes/Router'
 
 const App: FC = () => {
     return (
         <AppWrapper>
-            {/* <RouterProvider router={router} /> */}
-            <RouterProvider router={pagerRouter} />
+            <RouterProvider router={router} />
         </AppWrapper>
     )
 }

src/components/pager/Breadcrumbs.tsx → src/components/Breadcrumbs.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { Link, useLocation, useMatches } from 'react-router-dom'
-import classes from './Page.module.css'
+import classes from '../Page.module.css'
 
 function Breadcrumbs() {
     const matches = useMatches()
@@ -9,7 +9,9 @@ function Breadcrumbs() {
     const finalMatch = matches.filter(
         (match) => match.pathname === location.pathname
     )
-    const { params: { store, namespace, key } } = finalMatch[0]
+    const {
+        params: { store, namespace, key },
+    } = finalMatch[0]
 
     const storeLabels = {
         dataStore: 'DataStore',

src/components/pager/DataStoreTabBar.tsx → src/components/DataStoreTabBar.tsx

@@ -1,6 +1,6 @@
 import { Tab, TabBar } from '@dhis2/ui'
 import React from 'react'
-import i18n from '../../locales'
+import i18n from '../locales'
 
 type DataStoreProps = {
     activeTab: string

src/components/pager/Header.tsx → src/components/Header.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
+import classes from '../Page.module.css'
 import Breadcrumbs from './Breadcrumbs'
-import classes from './Page.module.css'
 
 type HeaderProps = {
     children?: React.ReactElement

src/components/pager/SearchField.tsx → src/components/SearchField.tsx

@@ -1,7 +1,7 @@
 import { InputField } from '@dhis2/ui'
 import React from 'react'
-import i18n from '../../locales'
-import classes from './Page.module.css'
+import i18n from '../locales'
+import classes from '../Page.module.css'
 
 const SearchField = ({ placeholder }: { placeholder?: string }) => {
     return (

src/components/pager/table/Table.tsx → src/components/Table.tsx

@@ -7,7 +7,7 @@ import {
     TableHead,
 } from '@dhis2/ui'
 import React from 'react'
-import i18n from '../../../locales'
+import i18n from '../locales'
 import TableActions from './actions/TableActions'
 
 type TableProps = {
@@ -42,9 +42,7 @@ const ItemsTable = ({ data, label }: TableProps) => {
                                                 {item}
                                             </DataTableCell>
                                             <DataTableCell bordered width="12%">
-                                                <TableActions
-                                                    item={item}
-                                                />
+                                                <TableActions item={item} />
                                             </DataTableCell>
                                         </DataTableRow>
                                     )

src/components/pager/buttons/Buttons.tsx → src/components/actions/Buttons.tsx

@@ -1,19 +1,7 @@
-import { IconDelete16, IconEdit16, IconMore16 } from '@dhis2/ui-icons'
+import { IconEdit16, IconMore16 } from '@dhis2/ui-icons'
 import { Button } from '@dhis2-ui/button'
 import React from 'react'
-import i18n from '../../../locales'
-
-export function DeleteButton() {
-    return (
-        <Button
-            aria-label={i18n.t('Delete')}
-            icon={<IconDelete16 />}
-            name="create"
-            onClick={() => console.log('delete')}
-            title={i18n.t('Delete')}
-        />
-    )
-}
+import i18n from '../../locales'
 
 export function EditButton({ handleClick }: { handleClick: () => void }) {
     return (

src/components/pager/CreateAction.tsx → src/components/actions/CreateAction.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import i18n from '../../locales'
-import CreateButton from './buttons/CreateButton'
+import CreateButton from './CreateButton'
 import CreateModal from './CreateModal'
 
 type CreateActionProps = {

src/components/pager/buttons/CreateButton.tsx → src/components/actions/CreateButton.tsx

@@ -1,7 +1,7 @@
 import { Button, colors } from '@dhis2/ui'
 import { IconAdd24 } from '@dhis2/ui-icons'
 import React from 'react'
-import classes from '../Page.module.css'
+import classes from '../../Page.module.css'
 
 type CreateButtonProps = {
     label: string

src/components/pager/table/actions/DeleteButton.tsx → src/components/actions/DeleteButton.tsx

@@ -1,7 +1,7 @@
 import { IconDelete16 } from '@dhis2/ui-icons'
 import { Button } from '@dhis2-ui/button'
 import React from 'react'
-import i18n from '../../../../locales'
+import i18n from '../../locales'
 
 export default function DeleteButton({
     openModal,

src/components/pager/table/actions/DeleteModal.tsx → src/components/actions/DeleteModal.tsx

@@ -6,7 +6,7 @@ import {
     ButtonStrip,
 } from '@dhis2/ui'
 import React from 'react'
-import i18n from '../../../../locales'
+import i18n from '../../locales'
 
 type DeleteModalProps = {
     closeModal: () => void

src/components/pager/table/actions/TableActions.tsx → src/components/actions/TableActions.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { useNavigate, useParams } from 'react-router-dom'
-import { ContextButton, EditButton } from '../../buttons/Buttons'
 import classes from '../../Page.module.css'
+import { ContextButton, EditButton } from './Buttons'
 import DeleteButton from './DeleteButton'
 import DeleteModal from './DeleteModal'