Partitionvisual (#122)

* first tries with transition entry from native base

* setup moti for mobile and web use

* added Easing linear for consistant scroll scpeed

* pause works !

* added startAt, rewind and fast forward

* created temporary view for partition viewer

* Cleanup for PR

* fix little bug in rewind

front/components/PartitionVisualizer/PartitionVisualizer.tsx

@@ -0,0 +1,29 @@
+import { useTheme, Box, Center } from "native-base";
+import React from "react";
+import { useQuery } from "react-query";
+import LoadingComponent from "../Loading";
+import SlideView from "./SlideView";
+import API from "../../API";
+
+type PartitionVisualizerProps = {
+	songId: number;
+};
+
+const PartitionVisualizer = ({ songId }: PartitionVisualizerProps) => {
+	const partitionRessources = useQuery(["partition"], () =>
+		API.getPartitionRessources(songId)
+	);
+
+	if (!partitionRessources.data) {
+		return (
+			<Center style={{ flexGrow: 1 }}>
+				<LoadingComponent />
+			</Center>
+		);
+	}
+	return (
+		<SlideView sources={partitionRessources.data} speed={200} startAt={0} />
+	);
+};
+
+export default PartitionVisualizer;