Tadeusz Miesiąc
--- a/src/components/Map/MapAdditionalOptions/BackgroundsSelector/BackgroundsSelector.component.test.tsx 0 → 100644
+++ b/src/components/Map/MapAdditionalOptions/BackgroundsSelector/BackgroundsSelector.component.test.tsx 0 → 100644
+    const buttonName = screen.getByTestId('background-dropdown-button-name');
+    await act(() => {
+      buttonName.click();
+    });
+
+    const backgroundButton = screen.getByText('Network');
+    await act(() => {
+      backgroundButton.click();
+    });
+
+    expect(store.getState().map.data.backgroundId).toBe(14);
+  });
+
+  describe('query params', () => {
+    it('should display default value when main background id is in query params', async () => {
+      (useRouter as jest.Mock).mockReturnValue({
--- a/src/components/Map/MapAdditionalOptions/BackgroundsSelector/BackgroundsSelector.component.tsx 0 → 100644
+++ b/src/components/Map/MapAdditionalOptions/BackgroundsSelector/BackgroundsSelector.component.tsx 0 → 100644
+  backgroundsDataSelector,
+  mainBackgroundIdSelector,
+} from '@/redux/backgrounds/background.selectors';
+import { useAppSelector } from '@/redux/hooks/useAppSelector';
+import { twMerge } from 'tailwind-merge';
+import { Icon } from '@/shared/Icon';
+import { MapBackground } from '@/types/models';
+import { useAppDispatch } from '@/redux/hooks/useAppDispatch';
+import { setMapBackground } from '@/redux/map/map.slice';
+import { useRouter } from 'next/router';
+import { parseQueryToTypes } from '@/utils/parseQueryToTypes';
+
+const DEFAULT_TOGGLE_BUTTON_TEXT = 'Background';
+
+export const BackgroundSelector = (): JSX.Element => {
+  const [selectedItem, setSelectedItem] = useState<MapBackground | undefined>(undefined);
--- a/src/components/Map/MapAdditionalOptions/BackgroundsSelector/BackgroundsSelector.component.tsx 0 → 100644
+++ b/src/components/Map/MapAdditionalOptions/BackgroundsSelector/BackgroundsSelector.component.tsx 0 → 100644
+import { useAppDispatch } from '@/redux/hooks/useAppDispatch';
+import { setMapBackground } from '@/redux/map/map.slice';
+import { useRouter } from 'next/router';
+import { parseQueryToTypes } from '@/utils/parseQueryToTypes';
+
+const DEFAULT_TOGGLE_BUTTON_TEXT = 'Background';
+
+export const BackgroundSelector = (): JSX.Element => {
+  const [selectedItem, setSelectedItem] = useState<MapBackground | undefined>(undefined);
+  const dispatch = useAppDispatch();
+  const { query } = useRouter();
+  const backgrounds = useAppSelector(backgroundsDataSelector);
+  const mainBackgroundId = useAppSelector(mainBackgroundIdSelector);
+
+  useEffect(() => {
+    const onApplicationLoadSetInitialSelectedItem = (): void => {