@@ -9,22 +9,20 @@ import {
99 PresentationChartLineIcon ,
1010 MapIcon ,
1111 EyeIcon ,
12-
1312} from "@heroicons/react/24/outline" ;
1413import React from "react" ;
1514
1615const features = [
1716 {
1817 name : "Prop Visualization" ,
19- description :
20- "See how properties flow down the component tree" ,
21- icon : CogIcon
18+ description : "See how properties flow down the component tree" ,
19+ icon : CogIcon ,
2220 } ,
2321 {
2422 name : "Accessibility Debugging" ,
2523 description :
2624 "Check how a screen reader reads your application per state change" ,
27- icon : EyeIcon
25+ icon : EyeIcon ,
2826 } ,
2927 {
3028 name : "State SnapShot Display" ,
@@ -62,6 +60,12 @@ const features = [
6260 "Visualize the mapping of Atoms and Selectors to components in Recoil Apps" ,
6361 icon : MapIcon ,
6462 } ,
63+ {
64+ name : "Context Display Panel" ,
65+ description :
66+ "Visualize the relationships of context providers and consumers, along with live context theme data" ,
67+ icon : EyeIcon ,
68+ } ,
6569] ;
6670
6771export default function FeaturesSection ( ) {
@@ -74,7 +78,7 @@ export default function FeaturesSection() {
7478 </ p >
7579 < p className = "mx-auto mt-5 max-w-prose text-xl text-gray-500" >
7680 Reactime is a developer tool that is compatible with react-based
77- framework applications. It is a full of features that will make life
81+ framework applications. It is full of features that will make life
7882 easier as a developer. From time-travel debugging to state snapshot
7983 display, check out how using Reactime will improve the developer
8084 experience!
0 commit comments