diff --git a/src/components/Setting/FontSize/fontsize.js b/src/components/Setting/FontSize/fontsize.js
index d6207d1..0eac8b9 100644
--- a/src/components/Setting/FontSize/fontsize.js
+++ b/src/components/Setting/FontSize/fontsize.js
@@ -1,47 +1,53 @@
-import React from 'react';
-import '../../../components/style/fontsize.scss';
+import React, { useState } from "react";
+import "../../../components/style/fontsize.scss";
function ButtonIncrement(props) {
- return (
-
+ return (
+
+
-
- )
- }
-
- function ButtonDecrement(props) {
-
- return (
-
- -
-
- )
- }
-
- function Display(props) {
- return (
-
- )
- }
+
+ );
+}
-const Fontsize = (props) => {
+function ButtonDecrement(props) {
+ return (
+
+ -
+
+ );
+}
- const {countersize, setCounter} = props;
- const incrementCounter = () => setCounter(countersize + 1);
- let decrementCounter = () => setCounter(countersize - 1);
-
- if(countersize <= 1) {
- decrementCounter = () => setCounter(1);
- }
- return (
-
-
-
- )
+function Display(props) {
+ return ;
}
-export default Fontsize
+const Fontsize = (props) => {
+ const [countersize, setCounter ] = useState(1)
+ const incrementCounter = () => setCounter(countersize + 1);
+ let decrementCounter = () => setCounter(countersize - 1);
+
+ if (countersize <= 1) {
+ decrementCounter = () => setCounter(1);
+ }
+ return (
+
+
+
+ );
+};
+
+export default Fontsize;
diff --git a/src/components/Setting/FontStyle/Fontstyle.js b/src/components/Setting/FontStyle/Fontstyle.js
index 3d607b4..b04fdce 100644
--- a/src/components/Setting/FontStyle/Fontstyle.js
+++ b/src/components/Setting/FontStyle/Fontstyle.js
@@ -14,7 +14,7 @@ const Fontstyle = (props) => {
-