[usage] minor UI improvements

Author: svenefftinge

components/dashboard/src/components/UsageView.tsx

@@ -87,14 +87,11 @@ function UsageView({ attributionId, billingMode }: UsageViewProps) {
             return "";
         }
         const metaData = usage.metadata as WorkspaceInstanceUsageData;
-        if (!metaData.endTime) {
-            return "running";
-        }
-        const end = new Date(metaData.endTime).getTime();
+        const end = metaData.endTime ? new Date(metaData.endTime).getTime() : Date.now();
         const start = new Date(metaData.startTime).getTime();
         const lengthOfUsage = Math.floor(end - start);
         const inMinutes = (lengthOfUsage / (1000 * 60)).toFixed(1);
-        return inMinutes + " min";
+        return (!metaData.endTime && "Running for ") + inMinutes + " min";
     };
 
     const handleMonthClick = (start: any, end: any) => {
@@ -163,13 +160,13 @@ function UsageView({ attributionId, billingMode }: UsageViewProps) {
                                         <div className="text-base text-gray-500">Total usage</div>
                                         <div className="flex text-lg text-gray-600 font-semibold">
                                             <CreditsSvg className="my-auto mr-1" />
-                                            <span>{totalCreditsUsed} Credits</span>
+                                            <span>{Intl.NumberFormat().format(totalCreditsUsed)} Credits</span>
                                         </div>
                                     </div>
                                 )}
                             </div>
                         </div>
-                        {!isLoading && usagePage === undefined && !errorMessage && (
+                        {!isLoading && (usagePage === undefined || usagePage.pagination?.total === 0) && !errorMessage && (
                             <div className="flex flex-col w-full mb-8">
                                 <h3 className="text-center text-gray-500 mt-8">No sessions found.</h3>
                                 <p className="text-center text-gray-500 mt-1">