fix: splice chart unused data

Author: geekdada

src/pages/Index/components/TrafficCell/components/LineChart.tsx

@@ -76,6 +76,10 @@ const LineChart: React.FC<LineChartProps> = (props) => {
               ),
             )
           }
+
+          if (dataset.length >= CHART_SIZE * 2) {
+            dataset.splice(0, 20)
+          }
         }
       })
 

src/pages/Index/index.tsx

@@ -77,7 +77,10 @@ const Page: React.FC = () => {
 
   return (
     <ModalProvider>
-      <div tw="pb-5">
+      <div
+        css={css`
+          padding-bottom: calc(env(safe-area-inset-bottom) + 1.25rem);
+        `}>
         <Heading
           size={'tera'}
           noMargin

src/types.ts

@@ -86,6 +86,15 @@ export interface ConnectorTraffic {
   outMaxSpeed: number
   out: number
   inMaxSpeed: number
+  statistics?: ConnectorStat[]
+}
+
+export interface ConnectorStat {
+  rttcur: number
+  rttvar: number
+  srtt: number
+  txpackets: number
+  txretransmitpackets: number
 }
 
 export interface Capability {