Merge pull request #120 from Azure-Samples/gk/generative-usecases

Azure-Samples · Jul 14, 2023 · b534040 · b534040
2 parents 39132b8 + d5d6290
commit b534040
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/typescript/frontend/src/components/ui/chats/spending-chart.tsx b/typescript/frontend/src/components/ui/chats/spending-chart.tsx
@@ -22,8 +22,7 @@ export default function SpendingChart() {
 
     return (
         <div className="rounded-lg bg-white p-6 shadow-card dark:bg-light-dark sm:p-8">
-            <div className="rounded-lg bg-white p-6 shadow-card dark:bg-light-dark sm:p-8">
-                <h3 className="mb-1.5 text-sm uppercase tracking-wider text-gray-600 dark:text-gray-400 sm:mb-2 sm:text-base">
+                <h3 className="mb-2 text-base font-medium uppercase">
                     Spending
                 </h3>
                 <div className="mb-1 text-base font-medium text-gray-900 dark:text-white sm:text-xl">
@@ -85,12 +84,12 @@ export default function SpendingChart() {
                         </AreaChart>
                     </ResponsiveContainer>
 
-                    <div className="text-center mt-4">
+                    <div className="text-center mt-2">
                         <h3 className="text-xl font-medium tracking-tighter text-white sm:text-blue-600">
                             Most expensive month
                         </h3>
-                        <p className="mt-2 mb-1 text-xs font-medium text-gray-400 sm:text-sm">
-                            June 2023 (SQL generated by GPT)
+                        <p className="mt-2 mb-2 text-xs font-medium text-gray-400 sm:text-sm">
+                            September 2022 (SQL generated by GPT)
                         </p>
                         <Button
                             color="white"
@@ -106,7 +105,6 @@ export default function SpendingChart() {
                     {/* Render the SqlModal */}
                     <SqlModal isOpen={isModalOpen} closeModal={closeModal}/>
                 </div>
-            </div>
         </div>
     );
 }