Remove server-related items from side menu

src/common/AsideMenu.scss

@@ -58,24 +58,6 @@
   background-color: var(--brand-color);
 }
 
-.aside-menu__item--divider {
-  border-bottom: 1px solid #eeeeee;
-  margin: 20px 0;
-}
-
-.aside-menu__item--danger {
-  color: $dangerColor;
-}
-
-.aside-menu__item--push {
-  margin-top: auto;
-}
-
-.aside-menu__item--danger:hover {
-  color: #ffffff;
-  background-color: $dangerColor;
-}
-
 .aside-menu__item-text {
   margin-left: 8px;
 }

src/common/AsideMenu.tsx

@@ -3,7 +3,6 @@ import {
   faHome as overviewIcon,
   faLink as createIcon,
   faList as listIcon,
-  faPen as editIcon,
   faTags as tagsIcon,
 } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@@ -13,7 +12,6 @@ import type { NavLinkProps } from 'react-router-dom';
 import { NavLink, useLocation } from 'react-router-dom';
 import type { SelectedServer } from '../servers/data';
 import { isServerWithId } from '../servers/data';
-import type { DeleteServerButtonProps } from '../servers/DeleteServerButton';
 import './AsideMenu.scss';
 
 export interface AsideMenuProps {
@@ -36,9 +34,7 @@ const AsideMenuItem: FC<AsideMenuItemProps> = ({ children, to, className, ...res
   </NavLink>
 );
 
-export const AsideMenu = (DeleteServerButton: FC<DeleteServerButtonProps>) => (
-  { selectedServer, showOnMobile = false }: AsideMenuProps,
-) => {
+export const AsideMenu: FC<AsideMenuProps> = ({ selectedServer, showOnMobile = false }) => {
   const hasId = isServerWithId(selectedServer);
   const serverId = hasId ? selectedServer.id : '';
   const { pathname } = useLocation();
@@ -73,17 +69,6 @@ export const AsideMenu = (DeleteServerButton: FC<DeleteServerButtonProps>) => (
           <FontAwesomeIcon fixedWidth icon={domainsIcon} />
           <span className="aside-menu__item-text">Manage domains</span>
         </AsideMenuItem>
-        <AsideMenuItem to={buildPath('/edit')} className="aside-menu__item--push">
-          <FontAwesomeIcon fixedWidth icon={editIcon} />
-          <span className="aside-menu__item-text">Edit this server</span>
-        </AsideMenuItem>
-        {hasId && (
-          <DeleteServerButton
-            className="aside-menu__item aside-menu__item--danger"
-            textClassName="aside-menu__item-text"
-            server={selectedServer}
-          />
-        )}
       </nav>
     </aside>
   );

src/common/MenuLayout.tsx

@@ -8,7 +8,7 @@ import { isReachableServer } from '../servers/data';
 import { withSelectedServer } from '../servers/helpers/withSelectedServer';
 import { useFeature } from '../utils/helpers/features';
 import { useSwipeable, useToggle } from '../utils/helpers/hooks';
-import type { AsideMenuProps } from './AsideMenu';
+import { AsideMenu } from './AsideMenu';
 import { NotFound } from './NotFound';
 import './MenuLayout.scss';
 
@@ -20,7 +20,6 @@ interface MenuLayoutProps {
 export const MenuLayout = (
   TagsList: FC,
   ShortUrlsList: FC,
-  AsideMenu: FC<AsideMenuProps>,
   CreateShortUrl: FC,
   ShortUrlVisits: FC,
   TagVisits: FC,

src/common/services/provideServices.ts

@@ -1,7 +1,6 @@
 import type Bottle from 'bottlejs';
 import type { ConnectDecorator } from '../../container/types';
 import { withoutSelectedServer } from '../../servers/helpers/withoutSelectedServer';
-import { AsideMenu } from '../AsideMenu';
 import { ErrorHandler } from '../ErrorHandler';
 import { Home } from '../Home';
 import { MainHeader } from '../MainHeader';
@@ -37,7 +36,6 @@ export const provideServices = (bottle: Bottle, connect: ConnectDecorator) => {
     MenuLayout,
     'TagsList',
     'ShortUrlsList',
-    'AsideMenu',
     'CreateShortUrl',
     'ShortUrlVisits',
     'TagVisits',
@@ -51,8 +49,6 @@ export const provideServices = (bottle: Bottle, connect: ConnectDecorator) => {
   );
   bottle.decorator('MenuLayout', connect(['selectedServer'], ['selectServer', 'sidebarPresent', 'sidebarNotPresent']));
 
-  bottle.serviceFactory('AsideMenu', AsideMenu, 'DeleteServerButton');
-
   bottle.serviceFactory('ShlinkVersionsContainer', () => ShlinkVersionsContainer);
   bottle.decorator('ShlinkVersionsContainer', connect(['selectedServer', 'sidebar']));
 

src/utils/theme/index.ts

@@ -12,8 +12,6 @@ export const PRIMARY_DARK_COLOR = '#161b22';
 
 export type Theme = 'dark' | 'light';
 
-export const changeThemeInMarkup = (theme: Theme) =>
-  document.getElementsByTagName('html')?.[0]?.setAttribute('data-theme', theme);
+export const changeThemeInMarkup = (theme: Theme) => document.querySelector('html')?.setAttribute('data-theme', theme);
 
-export const isDarkThemeEnabled = (): boolean =>
-  document.getElementsByTagName('html')?.[0]?.getAttribute('data-theme') === 'dark';
+export const isDarkThemeEnabled = (): boolean => document.querySelector('html')?.getAttribute('data-theme') === 'dark';