Miłosz Grocholewski
--- a/src/redux/layers/layers.thunks.ts 0 → 100644
+++ b/src/redux/layers/layers.thunks.ts 0 → 100644
+      if (!isDataValid) {
+        return undefined;
+      }
+      const layers = await Promise.all(
+        data.content.map(async layer => {
+          const [textsResponse] = await Promise.all([
+            axiosInstanceNewAPI.get(apiPath.getLayerTexts(modelId, layer.id)),
+          ]);
+
+          return {
+            layer,
+            texts: textsResponse.data.content,
+          };
+        }),
+      );
+      layers.filter(layer => layerTextSchema.safeParse(layer.texts).success);
--- a/src/redux/layers/layers.types.ts 0 → 100644
+++ b/src/redux/layers/layers.types.ts 0 → 100644
+import { FetchDataState } from '@/types/fetchDataState';
+import { Layer, LayerText } from '@/types/models';
+
+export type LayerState = {
+  layer: Layer;
--- a/src/components/Map/Drawer/LayersDrawer/LayersDrawer.component.tsx 0 → 100644
+++ b/src/components/Map/Drawer/LayersDrawer/LayersDrawer.component.tsx 0 → 100644
+import { Switch } from '@/shared/Switch';
+import { setLayerVisibility } from '@/redux/layers/layers.slice';
+
+export const LayersDrawer = (): JSX.Element => {
+  const layers = useAppSelector(layersSelector);
+  const dispatch = useAppDispatch();
+
+  return (
+    <div data-testid="layers-drawer" className="h-full max-h-full">
+      <DrawerHeading title="Layers" />
+      <div className="flex h-[calc(100%-93px)] max-h-[calc(100%-93px)] flex-col overflow-y-auto px-6">
+        {layers.map(layer => (
+          <div key={layer.layer.id} className="flex items-center justify-between border-b p-4">
+            <h1>{layer.layer.name}</h1>
+            <Switch
+              isChecked={layer.layer.visible}