diff options
Diffstat (limited to 'packages/renderer/src/components/sidebar')
5 files changed, 13 insertions, 13 deletions
diff --git a/packages/renderer/src/components/sidebar/ServiceIcon.tsx b/packages/renderer/src/components/sidebar/ServiceIcon.tsx index 7a6d58a..f3f025a 100644 --- a/packages/renderer/src/components/sidebar/ServiceIcon.tsx +++ b/packages/renderer/src/components/sidebar/ServiceIcon.tsx | |||
@@ -24,7 +24,7 @@ import { styled } from '@mui/material/styles'; | |||
24 | import { observer } from 'mobx-react-lite'; | 24 | import { observer } from 'mobx-react-lite'; |
25 | import React, { useEffect, useState } from 'react'; | 25 | import React, { useEffect, useState } from 'react'; |
26 | 26 | ||
27 | import type Service from '../../stores/Service'; | 27 | import type Service from '../../stores/Service.js'; |
28 | 28 | ||
29 | const ServiceIconRoot = styled('div', { | 29 | const ServiceIconRoot = styled('div', { |
30 | name: 'ServiceIcon', | 30 | name: 'ServiceIcon', |
diff --git a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx index 7aa9124..56487df 100644 --- a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx +++ b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx | |||
@@ -26,11 +26,11 @@ import { observer } from 'mobx-react-lite'; | |||
26 | import React from 'react'; | 26 | import React from 'react'; |
27 | import { useTranslation } from 'react-i18next'; | 27 | import { useTranslation } from 'react-i18next'; |
28 | 28 | ||
29 | import type RendererStore from '../../stores/RendererStore'; | 29 | import type RendererStore from '../../stores/RendererStore.js'; |
30 | import type Service from '../../stores/Service'; | 30 | import type Service from '../../stores/Service.js'; |
31 | import { getServicePanelID } from '../ServicePanel'; | 31 | import { getServicePanelID } from '../ServicePanel.js'; |
32 | 32 | ||
33 | import ServiceIcon from './ServiceIcon'; | 33 | import ServiceIcon from './ServiceIcon.js'; |
34 | 34 | ||
35 | const ServiceSwitcherRoot = styled(Tabs, { | 35 | const ServiceSwitcherRoot = styled(Tabs, { |
36 | name: 'ServiceSwitcher', | 36 | name: 'ServiceSwitcher', |
diff --git a/packages/renderer/src/components/sidebar/Sidebar.tsx b/packages/renderer/src/components/sidebar/Sidebar.tsx index 6c802ac..7308900 100644 --- a/packages/renderer/src/components/sidebar/Sidebar.tsx +++ b/packages/renderer/src/components/sidebar/Sidebar.tsx | |||
@@ -22,11 +22,11 @@ import Box from '@mui/material/Box'; | |||
22 | import { styled } from '@mui/material/styles'; | 22 | import { styled } from '@mui/material/styles'; |
23 | import React from 'react'; | 23 | import React from 'react'; |
24 | 24 | ||
25 | import RendererStore from '../../stores/RendererStore'; | 25 | import RendererStore from '../../stores/RendererStore.js'; |
26 | 26 | ||
27 | import ServiceSwitcher from './ServiceSwitcher'; | 27 | import ServiceSwitcher from './ServiceSwitcher.js'; |
28 | import ToggleDarkModeButton from './ToggleDarkModeButton'; | 28 | import ToggleDarkModeButton from './ToggleDarkModeButton.js'; |
29 | import ToggleLocationBarButton from './ToggleLocationBarButton'; | 29 | import ToggleLocationBarButton from './ToggleLocationBarButton.js'; |
30 | 30 | ||
31 | const SidebarRoot = styled(Box)(({ theme }) => ({ | 31 | const SidebarRoot = styled(Box)(({ theme }) => ({ |
32 | flex: 0, | 32 | flex: 0, |
diff --git a/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx b/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx index a922389..5e15d4b 100644 --- a/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx +++ b/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx | |||
@@ -25,7 +25,7 @@ import { observer } from 'mobx-react-lite'; | |||
25 | import React from 'react'; | 25 | import React from 'react'; |
26 | import { useTranslation } from 'react-i18next'; | 26 | import { useTranslation } from 'react-i18next'; |
27 | 27 | ||
28 | import type RendererStore from '../../stores/RendererStore'; | 28 | import type RendererStore from '../../stores/RendererStore.js'; |
29 | 29 | ||
30 | function ToggleDarkModeButton({ | 30 | function ToggleDarkModeButton({ |
31 | store: { shared }, | 31 | store: { shared }, |
diff --git a/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx b/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx index b6644a3..64b4ca9 100644 --- a/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx +++ b/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx | |||
@@ -20,15 +20,15 @@ | |||
20 | 20 | ||
21 | import IconChevronLeft from '@mui/icons-material/KeyboardDoubleArrowLeft'; | 21 | import IconChevronLeft from '@mui/icons-material/KeyboardDoubleArrowLeft'; |
22 | import IconChevronRight from '@mui/icons-material/KeyboardDoubleArrowRight'; | 22 | import IconChevronRight from '@mui/icons-material/KeyboardDoubleArrowRight'; |
23 | import { useTheme } from '@mui/material'; | ||
24 | import CircularProgress from '@mui/material/CircularProgress'; | 23 | import CircularProgress from '@mui/material/CircularProgress'; |
25 | import IconButton from '@mui/material/IconButton'; | 24 | import IconButton from '@mui/material/IconButton'; |
25 | import { useTheme } from '@mui/material/styles'; | ||
26 | import { observer } from 'mobx-react-lite'; | 26 | import { observer } from 'mobx-react-lite'; |
27 | import React from 'react'; | 27 | import React from 'react'; |
28 | import { useTranslation } from 'react-i18next'; | 28 | import { useTranslation } from 'react-i18next'; |
29 | 29 | ||
30 | import type RendererStore from '../../stores/RendererStore'; | 30 | import type RendererStore from '../../stores/RendererStore.js'; |
31 | import { getLocaltionBarID } from '../locationBar/LocationBar'; | 31 | import { getLocaltionBarID } from '../locationBar/LocationBar.js'; |
32 | 32 | ||
33 | function ToggleLocationBarIcon({ | 33 | function ToggleLocationBarIcon({ |
34 | loading, | 34 | loading, |