Элементы управления архивом занесены в LoaderPortal

src/pages/Telemetry/Archive/index.jsx

@@ -222,7 +222,7 @@ const Archive = memo(() => {
     const chartData = useMemo(() => cutData(dataSaub, domain.min, domain.max), [dataSaub, domain])
 
     return (
-        <>
+        <LoaderPortal show={showLoader}>
             <Flex style={{margin: '8px 8px 0'}}>
                 <div>
                     Начальная дата:&nbsp;
@@ -243,27 +243,25 @@ const Archive = memo(() => {
                 </div>
                 <CopyUrlButton style={{ marginLeft: '1rem' }} />
             </Flex>
-            <LoaderPortal show={showLoader}>
-                <D3MonitoringCharts
-                    datasetGroups={chartGroups}
-                    data={chartData}
-                    yDomain={domain}
-                    yTicks={{
-                        visible: true,
-                        format: (d) => formatDate(d)
-                    }}
-                    plugins={{
-                        menu: { enabled: false },
-                        cursor: {
-                            width: 200,
-                            render: cursorRender,
-                        }
-                    }}
-                    height={'76vh'}
-                    onWheel={onGraphWheel}
-                />
-            </LoaderPortal>
-        </>
+            <D3MonitoringCharts
+                datasetGroups={chartGroups}
+                data={chartData}
+                yDomain={domain}
+                yTicks={{
+                    visible: true,
+                    format: (d) => formatDate(d)
+                }}
+                plugins={{
+                    menu: { enabled: false },
+                    cursor: {
+                        width: 200,
+                        render: cursorRender,
+                    }
+                }}
+                height={'76vh'}
+                onWheel={onGraphWheel}
+            />
+        </LoaderPortal>
     )
 })