From df3a37b55eb141cae4db76b16dcfaf17bc5fb989 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Mon, 3 Jun 2024 11:55:20 +0530
Subject: [PATCH] hier

---
 .../new/photos/components/WhatsNew.tsx        | 25 +++++++++++++------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/web/packages/new/photos/components/WhatsNew.tsx b/web/packages/new/photos/components/WhatsNew.tsx
index d9f3d4a0f1..8186a83fd3 100644
--- a/web/packages/new/photos/components/WhatsNew.tsx
+++ b/web/packages/new/photos/components/WhatsNew.tsx
@@ -1,4 +1,11 @@
-import { Dialog, styled, useMediaQuery } from "@mui/material";
+import {
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogContentText,
+    DialogTitle,
+    useMediaQuery,
+} from "@mui/material";
 import React from "react";
 
 interface WhatsNewProps {
@@ -15,14 +22,18 @@ export const WhatsNew: React.FC<WhatsNewProps> = ({ onClose }) => {
 
     return (
         <Dialog open={true} fullScreen={fullScreen}>
-            <Contents>
+            <DialogTitle>{"What's new"}</DialogTitle>
+            <DialogContent>
+                <DialogContentText>Content</DialogContentText>
+            </DialogContent>
+            <DialogActions>
                 <button onClick={onClose}>Hello</button>
-            </Contents>
+            </DialogActions>
         </Dialog>
     );
 };
 
-const Contents = styled("div")`
-    width: 300px;
-    height: 300px;
-`;
+// const Contents = styled("div")`
+//     width: 300px;
+//     height: 300px;
+// `;