From 87dba206371c118e33a4cbe198de8225acfa4f11 Mon Sep 17 00:00:00 2001
From: Gian Espinosa <espinosagian1995@gmail.com>
Date: Wed, 21 Feb 2024 11:26:44 +0800
Subject: [PATCH] update to use dialogtitle instead of typography. Updating on
 Theme Level the weight of fontweight

---
 src/apps/media/src/app/components/DeleteFolderDialog.tsx | 5 +----
 src/apps/media/src/app/components/NewFolderDialog.tsx    | 7 +------
 src/apps/media/src/app/components/RenameFolderDialog.tsx | 7 +------
 3 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/src/apps/media/src/app/components/DeleteFolderDialog.tsx b/src/apps/media/src/app/components/DeleteFolderDialog.tsx
index 4d25747db9..c2466450a5 100644
--- a/src/apps/media/src/app/components/DeleteFolderDialog.tsx
+++ b/src/apps/media/src/app/components/DeleteFolderDialog.tsx
@@ -7,7 +7,6 @@ import {
   DialogTitle,
   DialogContentText,
   IconButton,
-  Typography,
 } from "@mui/material";
 import {
   useDeleteGroupMutation,
@@ -54,9 +53,7 @@ export const DeleteFolderDialog = ({ open, onClose, id, groupId }: Props) => {
             mb: 2,
           }}
         />
-        <Typography variant="h5" fontWeight={700}>
-          Delete Folder?
-        </Typography>
+        Delete Folder?
       </DialogTitle>
       <DialogContent>
         <DialogContentText>
diff --git a/src/apps/media/src/app/components/NewFolderDialog.tsx b/src/apps/media/src/app/components/NewFolderDialog.tsx
index f2f56d62f5..5d8bab5840 100644
--- a/src/apps/media/src/app/components/NewFolderDialog.tsx
+++ b/src/apps/media/src/app/components/NewFolderDialog.tsx
@@ -9,7 +9,6 @@ import {
   TextField,
   Autocomplete,
   createFilterOptions,
-  Typography,
 } from "@mui/material";
 import { LoadingButton } from "@mui/lab";
 import { useSelector } from "react-redux";
@@ -125,11 +124,7 @@ export const NewFolderDialog = ({ open, onClose, id, binId }: Props) => {
 
   return (
     <Dialog open={open} onClose={onClose} fullWidth maxWidth={"xs"}>
-      <DialogTitle>
-        <Typography variant="h5" fontWeight="700">
-          New Folder
-        </Typography>
-      </DialogTitle>
+      <DialogTitle>New Folder</DialogTitle>
       <DialogContent>
         <InputLabel>Parent Folder</InputLabel>
         <Autocomplete
diff --git a/src/apps/media/src/app/components/RenameFolderDialog.tsx b/src/apps/media/src/app/components/RenameFolderDialog.tsx
index d2c9505ac3..3c80e2e71f 100644
--- a/src/apps/media/src/app/components/RenameFolderDialog.tsx
+++ b/src/apps/media/src/app/components/RenameFolderDialog.tsx
@@ -7,7 +7,6 @@ import {
   DialogTitle,
   InputLabel,
   TextField,
-  Typography,
 } from "@mui/material";
 import { mediaManagerApi } from "../../../../../shell/services/mediaManager";
 
@@ -58,11 +57,7 @@ export const RenameFolderDialog = ({
 
   return (
     <Dialog open={open} onClose={onClose} fullWidth maxWidth={"xs"}>
-      <DialogTitle>
-        <Typography variant="h5" fontWeight="700">
-          Rename Folder
-        </Typography>
-      </DialogTitle>
+      <DialogTitle>Rename Folder</DialogTitle>
       <DialogContent>
         <InputLabel>New Folder Name</InputLabel>
         <TextField