← All changes
|
backend/views/components/Analytics/components/dashboard/RevenueByIntent.jsx
+15
-15
1.4.13
→
1.4.21
View file →
| @@ -80,9 +80,9 @@ | ||
| 80 | 80 | value, |
| 81 | 81 | payload: { color }, |
| 82 | 82 | } = payload[0]; |
| 83 | 83 | return ( |
| 84 | - <div className="disco-bg-white disco-border disco-border-[#e5e7eb] disco-rounded-lg disco-px-2 disco-py-1 disco-text-[10px] disco-shadow disco-z-50"> | |
| 84 | + <div className="disco:bg-white disco:border disco:border-[#e5e7eb] disco:rounded-lg disco:px-2 disco:py-1 disco:text-[10px] disco:shadow disco:z-50"> | |
| 85 | 85 | <span style={{ color }}>{name}: </span> |
| 86 | 86 | <strong>{value}%</strong> |
| 87 | 87 | </div> |
| 88 | 88 | ); |
| @@ -121,9 +121,9 @@ | ||
| 121 | 121 | |
| 122 | 122 | return ( |
| 123 | 123 | <Card |
| 124 | 124 | className={cn( |
| 125 | - 'disco-relative disco-ring-0 disco-border-2 disco-border-[#e5e7eb] disco-rounded-[10px] disco-p-4 disco-gap-2', | |
| 125 | + 'disco:relative disco:ring-0 disco:border-2 disco:border-[#e5e7eb] disco:rounded-[10px] disco:p-4 disco:gap-2', | |
| 126 | 126 | className |
| 127 | 127 | )} |
| 128 | 128 | > |
| 129 | 129 | {!isPro && ( |
| @@ -133,22 +133,22 @@ | ||
| 133 | 133 | label={__('Unlock', 'disco')} |
| 134 | 134 | /> |
| 135 | 135 | )} |
| 136 | 136 | <div> |
| 137 | - <h3 className="disco-text-base disco-font-semibold disco-text-[#1f2937]"> | |
| 137 | + <h3 className="disco:text-base! disco:font-semibold disco:text-[#1f2937]!"> | |
| 138 | 138 | {__('Revenue by intent', 'disco')} |
| 139 | 139 | </h3> |
| 140 | - <p className="disco-text-xs disco-text-[#9ca3af]"> | |
| 140 | + <p className="disco:text-xs! disco:text-[#9ca3af]"> | |
| 141 | 141 | {__('Campaign type breakdown', 'disco')} |
| 142 | 142 | </p> |
| 143 | 143 | </div> |
| 144 | 144 | |
| 145 | 145 | {isLoading ? ( |
| 146 | - <div className="disco-h-[200px] disco-animate-pulse disco-rounded-lg disco-bg-[#f3f4f6]" /> | |
| 146 | + <div className="disco:h-[200px] disco:animate-pulse disco:rounded-lg disco:bg-[#f3f4f6]" /> | |
| 147 | 147 | ) : ( |
| 148 | - <div className="disco-flex disco-flex-col disco-items-center disco-gap-4"> | |
| 148 | + <div className="disco:flex disco:flex-col disco:items-center disco:gap-4"> | |
| 149 | 149 | <div |
| 150 | - className="disco-relative disco-shrink-0" | |
| 150 | + className="disco:relative disco:shrink-0" | |
| 151 | 151 | style={{ width: 160, height: 160 }} |
| 152 | 152 | > |
| 153 | 153 | <ResponsiveContainer width="100%" height="100%"> |
| 154 | 154 | <PieChart> |
| @@ -173,32 +173,32 @@ | ||
| 173 | 173 | content={<CustomTooltip />} |
| 174 | 174 | /> |
| 175 | 175 | </PieChart> |
| 176 | 176 | </ResponsiveContainer> |
| 177 | - <div className="disco-absolute disco-inset-0 disco-flex disco-flex-col disco-items-center disco-justify-center disco-pointer-events-none"> | |
| 178 | - <span className="disco-text-base disco-font-bold disco-text-[#111827]"> | |
| 177 | + <div className="disco:absolute disco:inset-0 disco:flex disco:flex-col disco:items-center disco:justify-center disco:pointer-events-none"> | |
| 178 | + <span className="disco:text-base disco:font-bold disco:text-[#111827]"> | |
| 179 | 179 | {totalLabel} |
| 180 | 180 | </span> |
| 181 | - <span className="disco-text-xs disco-text-[#9ca3af]"> | |
| 181 | + <span className="disco:text-xs disco:text-[#9ca3af]"> | |
| 182 | 182 | {__('revenue', 'disco')} |
| 183 | 183 | </span> |
| 184 | 184 | </div> |
| 185 | 185 | </div> |
| 186 | 186 | |
| 187 | - <ul className="disco-w-full disco-flex disco-flex-col disco-flex-1"> | |
| 187 | + <ul className="disco:w-full disco:flex disco:flex-col disco:flex-1"> | |
| 188 | 188 | {intentsData?.map(({ name, value, color }) => ( |
| 189 | 189 | <li |
| 190 | 190 | key={name} |
| 191 | - className="disco-flex disco-items-center disco-justify-between disco-text-xs" | |
| 191 | + className="disco:flex disco:items-center disco:justify-between disco:text-xs" | |
| 192 | 192 | > |
| 193 | - <span className="disco-flex disco-items-center disco-gap-1.5 disco-text-[#4b5563]"> | |
| 193 | + <span className="disco:flex disco:items-center disco:gap-1.5 disco:text-[#4b5563]"> | |
| 194 | 194 | <span |
| 195 | - className="disco-size-[6px] disco-rounded-sm disco-shrink-0" | |
| 195 | + className="disco:size-[6px] disco:rounded-sm disco:shrink-0" | |
| 196 | 196 | style={{ background: color }} |
| 197 | 197 | /> |
| 198 | 198 | {name} |
| 199 | 199 | </span> |
| 200 | - <span className="disco-font-semibold disco-text-[#1f2937]"> | |
| 200 | + <span className="disco:font-semibold disco:text-[#1f2937]"> | |
| 201 | 201 | {value}% |
| 202 | 202 | </span> |
| 203 | 203 | </li> |
| 204 | 204 | ))} |