akash(random-background-color): Files and variables name updated.

Author: acash404

src/App.jsx

@@ -4,13 +4,12 @@ import Counter from "./components/Hooks/useStateHook/Counter";
 import Form from "./project/Form";
 import ThemeToggler from "./project/ThemeToggler";
 import HandlingForm from "./components/Hooks/useRefHook/HandlingForm";
-
 // TRY IT YOURSELF COMPONENTS
 import FormDetails from "./tryityourself/Akash/FormDetails";
-import RandomBg from "./tryityourself/Akash/RandomBg";
+import RandomBackground from "./tryityourself/Akash/RandomBackground";
 
 const App = () => {
-  return <RandomBg />;
+  return <RandomBackground />;
 };
 
 export default App;

src/index.css

@@ -1,4 +1,4 @@
 @import "tailwindcss";
 @import "./components/Hooks/useRefHook/HandlingForm.style.css";
 @import "./tryityourself/Akash/FormDetails.style.css";
-@import "./tryityourself/Akash/RandomBg.style.css";
+@import "./tryityourself/Akash/RandomBackground.style.css";

src/tryityourself/Akash/RandomBg.jsx renamed to src/tryityourself/Akash/RandomBackground.jsx

@@ -1,23 +1,23 @@
 import React, { useState, useEffect } from "react";
 
-const RandomBg = () => {
-  const [rbg, setRbg] = useState();
+const RandomBackground = () => {
+  const [randomSplash, setRandomSplash] = useState();
 
   // FUNCTION FOR COLOR CHANGE (took help for the math.random() part)
-  const ChangeBg = () => {
+  const ChangeBackground = () => {
     const randomColors = "#" + Math.random().toString(16).slice(2, 8);
-    setRbg(randomColors);
+    setRandomSplash(randomColors);
   };
 
   // USE EFFECT TO CHANGE BACKGROUND AT INTERVALS (took help for implying setInterval inside useEffect )
   useEffect(() => {
-    const interval = setInterval(ChangeBg, 1500);
+    const interval = setInterval(ChangeBackground, 1500);
   }, []);
 
   return (
-    <div className="random-bg" style={{ backgroundColor: rbg }}>
+    <div className="random-bg" style={{ backgroundColor: randomSplash }}>
       <div className="text">Random Background Color</div>
     </div>
   );
 };
-export default RandomBg;
+export default RandomBackground;