[Refactor] Refactor the way import files.

Organize some codes.

src-ui/logics/configs/appearance/useTransparency.js

@@ -0,0 +1,24 @@
+import { useStore_Transparency } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useTransparency = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentTransparency, updateTransparency, pendingTransparency } = useStore_Transparency();
+
+    const getTransparency = () => {
+        pendingTransparency();
+        asyncStdoutToPython("/get/data/transparency");
+    };
+
+    const setTransparency = (selected_transparency) => {
+        pendingTransparency();
+        asyncStdoutToPython("/set/data/transparency", selected_transparency);
+    };
+
+    return {
+        currentTransparency,
+        getTransparency,
+        updateTransparency,
+        setTransparency,
+    };
+};