@@ -49,32 +49,34 @@ function DetailHeader<T>({
4949 < div className = "flex items-start justify-between" >
5050 < div className = "flex items-start gap-4 flex-1" >
5151 < div
52- className = { `w-16 h-16 text-white rounded-lg flex-center shadow-lg ${
52+ className = { `w-16 h-16 text-white rounded-lg flex items-center justify -center shadow-lg ${
5353 ( data as any ) ?. iconColor
5454 ? ""
5555 : "bg-gradient-to-br from-sky-300 to-blue-500 text-white"
5656 } `}
5757 style = { ( data as any ) ?. iconColor ? { backgroundColor : ( data as any ) . iconColor } : undefined }
5858 >
59- { < div className = "w-[2.8rem] h-[2.8rem] text-gray-50" > { ( data as any ) ?. icon } </ div > || (
59+ { ( data as any ) ?. icon ? (
60+ < div className = "w-[2.8rem] h-[2.8rem] text-gray-50 flex items-center justify-center" > { ( data as any ) . icon } </ div >
61+ ) : (
6062 < Database className = "w-8 h-8 text-white" />
6163 ) }
6264 </ div >
6365 < div className = "flex-1" >
6466 < div className = "flex items-center gap-3 mb-2" >
65- < h1 className = "text-lg font-bold text-gray-900" > { data ?. name } </ h1 >
66- { data ?. status && (
67- < Tag color = { data . status ?. color } >
67+ < h1 className = "text-lg font-bold text-gray-900" > { ( data as any ) ?. name } </ h1 >
68+ { ( data as any ) ?. status && (
69+ < Tag color = { ( data as any ) . status ?. color } >
6870 < div className = "flex items-center gap-2 text-xs" >
69- { data . status ?. icon && < span > { data . status ?. icon } </ span > }
70- < span > { data . status ?. label } </ span >
71+ { ( data as any ) . status ?. icon && < span > { ( data as any ) . status ?. icon } </ span > }
72+ < span > { ( data as any ) . status ?. label } </ span >
7173 </ div >
7274 </ Tag >
7375 ) }
7476 </ div >
75- { data ?. tags && (
77+ { ( data as any ) ?. tags && (
7678 < div className = "flex flex-wrap mb-2" >
77- { data ?. tags ?. map ( ( tag ) => (
79+ { ( data as any ) ?. tags ?. map ( ( tag : any ) => (
7880 < Tag key = { tag . id } className = "mr-1" >
7981 { tag . name }
8082 </ Tag >
@@ -89,9 +91,9 @@ function DetailHeader<T>({
8991 ) }
9092 </ div >
9193 ) }
92- < p className = "text-gray-700 mb-4" > { data ?. description } </ p >
94+ < p className = "text-gray-700 mb-4" > { ( data as any ) ?. description } </ p >
9395 < div className = "flex items-center gap-6 text-sm" >
94- { statistics . map ( ( stat ) => (
96+ { statistics . map ( ( stat : any ) => (
9597 < div key = { stat . key } className = "flex items-center gap-1" >
9698 { stat . icon }
9799 < span > { stat . value } </ span >
@@ -101,7 +103,7 @@ function DetailHeader<T>({
101103 </ div >
102104 </ div >
103105 < div className = "flex items-center gap-2" >
104- { operations . map ( ( op ) => {
106+ { operations . map ( ( op : any ) => {
105107 if ( op . isDropdown ) {
106108 return (
107109 < ActionDropdown
0 commit comments