diff --git a/calc-frontend/src/components/Cosine/CosineDeriv.tsx b/calc-frontend/src/components/Cosine/CosineDeriv.tsx index 121da1a..0ba8804 100644 --- a/calc-frontend/src/components/Cosine/CosineDeriv.tsx +++ b/calc-frontend/src/components/Cosine/CosineDeriv.tsx @@ -13,11 +13,17 @@ function CosineDeriv() { }, []); return ( - +
+
+
+ \frac{d}{dx}(\cos(x)) +
+
+
) } diff --git a/calc-frontend/src/components/Cubic/CubicDeriv.tsx b/calc-frontend/src/components/Cubic/CubicDeriv.tsx index 234233d..d3db639 100644 --- a/calc-frontend/src/components/Cubic/CubicDeriv.tsx +++ b/calc-frontend/src/components/Cubic/CubicDeriv.tsx @@ -13,11 +13,17 @@ function CubicDeriv() { }, []); return ( - +
+
+
+ \frac{d}{dx}(x^3) +
+
+
) } diff --git a/calc-frontend/src/components/Euler/EulerDeriv.tsx b/calc-frontend/src/components/Euler/EulerDeriv.tsx index 877019e..a86f636 100644 --- a/calc-frontend/src/components/Euler/EulerDeriv.tsx +++ b/calc-frontend/src/components/Euler/EulerDeriv.tsx @@ -15,9 +15,17 @@ function EulerDeriv() { return ( +
+
+
+ \frac{d}{dx}(e^x) +
+
+
+
) } diff --git a/calc-frontend/src/components/Line/LineDeriv.tsx b/calc-frontend/src/components/Line/LineDeriv.tsx index 832246f..dfb05ed 100644 --- a/calc-frontend/src/components/Line/LineDeriv.tsx +++ b/calc-frontend/src/components/Line/LineDeriv.tsx @@ -14,10 +14,17 @@ function LineDeriv() { return ( +
+
+
+ \frac{d}{dx}(x) +
+
+
) } diff --git a/calc-frontend/src/components/NatLog/NatLogDeriv.tsx b/calc-frontend/src/components/NatLog/NatLogDeriv.tsx index aac90a0..d4bdded 100644 --- a/calc-frontend/src/components/NatLog/NatLogDeriv.tsx +++ b/calc-frontend/src/components/NatLog/NatLogDeriv.tsx @@ -13,11 +13,20 @@ function NatLogDeriv() { }, []); return ( + + +
+
+
+ \frac{d}{dx}(\ln(x)) +
+
+
) } diff --git a/calc-frontend/src/components/Quadratic/QuadraticDeriv.tsx b/calc-frontend/src/components/Quadratic/QuadraticDeriv.tsx index 24dabbb..6df0795 100644 --- a/calc-frontend/src/components/Quadratic/QuadraticDeriv.tsx +++ b/calc-frontend/src/components/Quadratic/QuadraticDeriv.tsx @@ -14,11 +14,17 @@ function QuadraticDeriv() { return ( +
+
+
+ \frac{d}{dx}(x^2) +
+
- +
) } diff --git a/calc-frontend/src/components/Sine/SineDeriv.tsx b/calc-frontend/src/components/Sine/SineDeriv.tsx index 38be504..ec80463 100644 --- a/calc-frontend/src/components/Sine/SineDeriv.tsx +++ b/calc-frontend/src/components/Sine/SineDeriv.tsx @@ -15,9 +15,17 @@ function SineDeriv() { return ( +
+
+
+ \frac{d}{dx}(\sin(x)) +
+
+
+
) } diff --git a/calc-frontend/src/components/Tangent/TangentDeriv.tsx b/calc-frontend/src/components/Tangent/TangentDeriv.tsx index b7cbc8f..85db418 100644 --- a/calc-frontend/src/components/Tangent/TangentDeriv.tsx +++ b/calc-frontend/src/components/Tangent/TangentDeriv.tsx @@ -14,10 +14,17 @@ function TangentDeriv() { return ( +
+
+
+ \frac{d}{dx}(\tan(x)) +
+
+
) } diff --git a/calc-frontend/src/pages/CustomDerivative.tsx b/calc-frontend/src/pages/CustomDerivative.tsx index 23323de..a3d4377 100644 --- a/calc-frontend/src/pages/CustomDerivative.tsx +++ b/calc-frontend/src/pages/CustomDerivative.tsx @@ -186,10 +186,10 @@ function CustomDeriv() { edit-box" style={{alignItems:'center', marginBottom:'.75rem'}}>
- \frac{d(\MathQuillMathField{x})}{dx} + \frac{d}{dx}(\MathQuillMathField{x})
- \MathQuillMathField{0} \leq x \leq \MathQuillMathField{5} + \MathQuillMathField{0} \leq x \leq \MathQuillMathField{5}
diff --git a/calc-frontend/src/pages/Home.tsx b/calc-frontend/src/pages/Home.tsx index d501570..27cedf5 100644 --- a/calc-frontend/src/pages/Home.tsx +++ b/calc-frontend/src/pages/Home.tsx @@ -34,6 +34,9 @@ function Home() { const d23 = useRef(null); const d24 = useRef(null); const d25 = useRef(null); + const d26 = useRef(null); + const d27 = useRef(null); + const d28 = useRef(null); useLayoutEffect(() =>{ //@ts-ignore @@ -63,13 +66,15 @@ function Home() { MQ.StaticMath(d23.current, { }) MQ.StaticMath(d24.current, { }) MQ.StaticMath(d25.current, { }) - + MQ.StaticMath(d26.current, { }) + MQ.StaticMath(d27.current, { }) + MQ.StaticMath(d28.current, { }) }, []); return (
- + {isPending === true? @@ -115,6 +120,11 @@ function Home() {
+ +
x^{3} +
+ +
{"e^{x}"}{/*Expnential*/}
@@ -190,6 +200,11 @@ function Home() {
+ +
x^{3} +
+ +
{"e^{x}"}{/*Expnential*/}
@@ -265,6 +280,11 @@ function Home() { + +
x^{3} +
+ +
{"e^{x}"}{/*Expnential*/}