From f0b798871b6d855edd3bdd85adf1923c559ed7e2 Mon Sep 17 00:00:00 2001 From: Chigozirim Igweamaka Date: Sun, 4 Aug 2024 23:12:53 +0100 Subject: [PATCH 1/2] 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; From 8affd3130547e0d247825e4b8578426f8035dd28 Mon Sep 17 00:00:00 2001 From: Chigozirim Igweamaka Date: Sun, 4 Aug 2024 23:52:07 +0100 Subject: [PATCH 2/2] Delete client/src/components/test_animate.js --- client/src/components/test_animate.js | 31 --------------------------- 1 file changed, 31 deletions(-) delete mode 100644 client/src/components/test_animate.js diff --git a/client/src/components/test_animate.js b/client/src/components/test_animate.js deleted file mode 100644 index 5da8633..0000000 --- a/client/src/components/test_animate.js +++ /dev/null @@ -1,31 +0,0 @@ -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;