diff --git a/typescript/frontend/src/components/modal-views/generated-sql-modal.tsx b/typescript/frontend/src/components/modal-views/generated-sql-modal.tsx new file mode 100644 index 00000000..efc27b28 --- /dev/null +++ b/typescript/frontend/src/components/modal-views/generated-sql-modal.tsx @@ -0,0 +1,61 @@ +import React from "react"; + +interface ModalProps { + isOpen: boolean; + closeModal: () => void; +} + +export default function SqlModal({ isOpen, closeModal }: ModalProps) { + if (!isOpen) { + return null; + } + + return ( +
+ "What is the most expensive purchase made by the user in the last year?" +
++ SELECT + u.user_id, + u.first_name, + u.last_name, + MAX(t.transaction_amount) AS most_expensive_purchase + FROM + users u + JOIN + transactions t ON u.user_id = t.user_id + WHERE + t.transaction_date {'>'}= DATE_TRUNC('year', CURRENT_DATE - INTERVAL '1 year') + GROUP BY + u.user_id, u.first_name, u.last_name; +
++ June 2023 (SQL generated by GPT) +
+ +