From f0b798871b6d855edd3bdd85adf1923c559ed7e2 Mon Sep 17 00:00:00 2001 From: Chigozirim Igweamaka Date: Sun, 4 Aug 2024 23:12:53 +0100 Subject: [PATCH] Update project's name on the UI --- client/public/index.html | 2 +- client/src/App.js | 2 +- client/src/components/test_animate.js | 31 +++++++++++++++++++++++++++ 3 files changed, 33 insertions(+), 2 deletions(-) create mode 100644 client/src/components/test_animate.js diff --git a/client/public/index.html b/client/public/index.html index 4671d99..3528872 100644 --- a/client/public/index.html +++ b/client/public/index.html @@ -24,7 +24,7 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - React App + SeekTune diff --git a/client/src/App.js b/client/src/App.js index d67102e..904c618 100644 --- a/client/src/App.js +++ b/client/src/App.js @@ -244,7 +244,7 @@ function App() { return (
-

!Shazam

+

SeekTune

 Songs diff --git a/client/src/components/test_animate.js b/client/src/components/test_animate.js new file mode 100644 index 0000000..5da8633 --- /dev/null +++ b/client/src/components/test_animate.js @@ -0,0 +1,31 @@ +import React, { useState } from "react"; +import AnimatedNumber from "./AnimatedNumber"; +import { Bounce } from "react-toastify"; + +const TestComponent = (props) => { + const [number, setNumber] = useState(18); + + const increment = () => setNumber((prev) => prev + 1); + const decrement = () => setNumber((prev) => prev - 1); + + return ( +
+

Animated Number

+ ({ + // duration: 10, + // delay: index * 10, + // })} + includeComma={true} + /> +
+ + +
+
+ ); +}; + +export default TestComponent;