translations and finish writeDevice

interface/src/utils/index.ts

@@ -3,4 +3,6 @@ export * from './route';
 export * from './submit';
 export * from './time';
 export * from './useRest';
+export * from './useInterval';
 export * from './props';
+export * from './file';

interface/src/utils/useInterval.ts

@@ -0,0 +1,22 @@
+import { useEffect, useRef } from 'react';
+
+// adapted from https://www.joshwcomeau.com/snippets/react-hooks/use-interval/
+export const useInterval = (callback: () => void, delay: number) => {
+  const intervalRef = useRef<number | null>(null);
+  const savedCallback = useRef<() => void>(callback);
+  useEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+  useEffect(() => {
+    const tick = () => savedCallback.current();
+    if (typeof delay === 'number') {
+      intervalRef.current = window.setInterval(tick, delay);
+      return () => {
+        if (intervalRef.current !== null) {
+          window.clearInterval(intervalRef.current);
+        }
+      };
+    }
+  }, [delay]);
+  return intervalRef;
+};