@@ -16,11 +16,30 @@ type FeedRow = {
1616
1717const getRiskIcon = ( value : FeedRow [ "risk" ] ) => {
1818 const riskMap : Record < FeedRow [ "risk" ] , { icon : string ; tooltip : string } > = {
19- 0 : { icon : "🟢" , tooltip : "Low risk: Feeds demonstrating low volatility and generally stable price trends." } ,
20- 1 : { icon : "🟢" , tooltip : "Low risk: Feeds demonstrating low volatility and generally stable price trends." } ,
21- 2 : { icon : "🟡" , tooltip : "Medium risk: Feeds demonstrating moderate price fluctuations." } ,
22- 3 : { icon : "🔴" , tooltip : "High risk: Feeds demonstrating high volatility with frequent price swings." } ,
23- 4 : { icon : "⚫" , tooltip : "New Feed: Recently launched feeds with high volatility risk. Users must verify reliability." } ,
19+ 0 : {
20+ icon : "🟢" ,
21+ tooltip :
22+ "Low risk: Feeds demonstrating low volatility and generally stable price trends." ,
23+ } ,
24+ 1 : {
25+ icon : "🟢" ,
26+ tooltip :
27+ "Low risk: Feeds demonstrating low volatility and generally stable price trends." ,
28+ } ,
29+ 2 : {
30+ icon : "🟡" ,
31+ tooltip : "Medium risk: Feeds demonstrating moderate price fluctuations." ,
32+ } ,
33+ 3 : {
34+ icon : "🔴" ,
35+ tooltip :
36+ "High risk: Feeds demonstrating high volatility with frequent price swings." ,
37+ } ,
38+ 4 : {
39+ icon : "⚫" ,
40+ tooltip :
41+ "New Feed: Recently launched feeds with high volatility risk. Users must verify reliability." ,
42+ } ,
2443 } ;
2544 return riskMap [ value ] ;
2645} ;
@@ -32,7 +51,10 @@ export type FeedsProps = {
3251 showIndex ?: boolean ;
3352} ;
3453
35- const FtsoFeeds : React . FC < FeedsProps > = ( { data = tableData as FeedRow [ ] , showIndex = false } ) => (
54+ const FtsoFeeds : React . FC < FeedsProps > = ( {
55+ data = tableData as FeedRow [ ] ,
56+ showIndex = false ,
57+ } ) => (
3658 < table className = "data-table" >
3759 < thead >
3860 < tr className = "table-header" >
@@ -69,7 +91,14 @@ const FtsoFeeds: React.FC<FeedsProps> = ({ data = tableData as FeedRow[], showIn
6991 </ td >
7092
7193 < td className = "regular-font" >
72- < Tippy content = { tooltip } theme = "custom" arrow animation = "fade" maxWidth = { 250 } interactive >
94+ < Tippy
95+ content = { tooltip }
96+ theme = "custom"
97+ arrow
98+ animation = "fade"
99+ maxWidth = { 250 }
100+ interactive
101+ >
73102 < span className = "pointer" > { icon } </ span >
74103 </ Tippy >
75104 </ td >
0 commit comments