show storage

src/pages/setting/address/components/ProgressBarEmail.tsx

@@ -1,6 +1,7 @@
 import { convertToGB } from '@/config/func'
 import { FC } from 'react'
 import { AddressData } from '../types/Types'
+import ProgressBar from '@/components/ProgressBar'
 
 const ProgressBarEmail: FC<{ item: AddressData }> = ({ item }) => {
     const usedQuota = item.emailQuotaUsed || 0;
@@ -17,15 +18,7 @@ const ProgressBarEmail: FC<{ item: AddressData }> = ({ item }) => {
                                 {percentage.toFixed(1)}%
                             </span> */}
             </div>
-            <div className='w-full bg-gray-200 dltr overflow-hidden rounded-full h-2'>
-                <div
-                    className={`h-2 rounded-full transition-all duration-300 ${percentage > 90 ? 'bg-red-500' :
-                        percentage > 70 ? 'bg-yellow-500' :
-                            'bg-green-500'
-                        }`}
-                    style={{ width: `${percentage}%` }}
-                ></div>
-            </div>
+            <ProgressBar percentage={percentage} />
         </div>
     )
 }