requested changes

Author: aditya520

components/RewardSimulator.tsx

@@ -11,6 +11,8 @@ const RewardSimulator: React.FC = () => {
 
   const [publisherReward, setPublisherReward] = useState(0);
   const [delegatorReward, setDelegatorReward] = useState(0);
+  const [publisherRewardRate, setPublisherRewardRate] = useState(0);
+  const [delegatorRewardRate, setDelegatorRewardRate] = useState(0);
 
   useEffect(() => {
     const calculateRewards = () => {
@@ -29,6 +31,12 @@ const RewardSimulator: React.FC = () => {
 
       setPublisherReward(Number(finalPublisherReward.toFixed(2)));
       setDelegatorReward(Number(finalDelegatorReward.toFixed(2)));
+      setPublisherRewardRate(
+        Number(((finalPublisherReward * 100) / publisherStake).toFixed(2))
+      );
+      setDelegatorRewardRate(
+        Number(((finalDelegatorReward * 100) / delegatorStake).toFixed(2))
+      );
     };
 
     calculateRewards();
@@ -94,14 +102,25 @@ const RewardSimulator: React.FC = () => {
           />
         </div>
       </div>
-      <div className="mt-6">
-        <h4 className="font-semibold mb-2">Calculated Rewards:</h4>
-        <p>
-          <Latex>{`Publisher Reward ($R^p_p$): ${publisherReward}`}</Latex>
-        </p>
-        <p>
-          <Latex>{`Delegator Reward ($R^d_p$): ${delegatorReward}`}</Latex>
-        </p>
+      <div className="flex mt-6">
+        <div className="flex-1">
+          <h4 className="font-semibold mb-2">Calculated Rewards:</h4>
+          <p>
+            <Latex>{`Publisher Reward ($R^p_p$): ${publisherReward}`}</Latex>
+          </p>
+          <p>
+            <Latex>{`Delegator Reward ($R^d_p$): ${delegatorReward}`}</Latex>
+          </p>
+        </div>
+        <div className="flex-1 ml-6">
+          <h4 className="font-semibold mb-2">Calculated Reward Rates:</h4>
+          <p>
+            <Latex>{`Publisher Reward Rate ($r^p_p$): ${publisherRewardRate}%`}</Latex>
+          </p>
+          <p>
+            <Latex>{`Delegator Reward Rate ($r^d_p$): ${delegatorRewardRate}%`}</Latex>
+          </p>
+        </div>
       </div>
     </div>
   );

pages/home/oracle-integrity-staking/examples.mdx

@@ -89,6 +89,8 @@ $$
 \text{Fee paid by Delegator} \quad{F^d_p} &= {f} \times {R^d_p} = 2\% \times 30 = 0.6 \\
 \text{Final Delegator Reward} \quad{R^d_p} &= {R^d_p} - {F^d_p} = 30 - 0.6 = 29.4 \\
 \text{Total Publisher Reward} \quad{R^p_p} &= {R^p_p} + {F^d_p} = 20 + 0.6 = 20.6 \\
+\text{Effective Publisher Yield Rate} \quad{r^p_p} &= \frac{R^p_p}{S^p_p} = \frac{20.6}{200} = 10.3\% \\
+\text{Effective Delegator Yield Rate} \quad{r^d_p} &= \frac{R^d_p}{S^d_p} = \frac{29.4}{300} = 9.8\% \\
 \end{aligned}
 $$