updated the getInitials to get initial of user name if first_name and last name doesnt exist

src/components/molecules/TableHeader.tsx

@@ -140,45 +140,48 @@ export default function TableHeader({
                 )}
 
                 {/* <Filter /> */}
-                <Button
-                    startIcon={!downMD && <ArrowDown size={16} />}
-                    onClick={() => setShowCustomRangeModal(true)}
-                    sx={{
-                        borderRadius: "8px",
-                        border: "1px solid var(--Gray, #E0E0E3)",
-                        padding: "8px 16px",
-                        color: "#0E0E11",
-                        maxWidth: "fit-content",
-                    }}
-                >
-                    Filter By Date
-                </Button>
-
-                <Dialog
-                    open={showCustomRangeModal}
-                    onClose={() => setShowCustomRangeModal(false)}
-                    maxWidth="xs"
-                    fullWidth
-                    PaperProps={{
-                        sx: {
-                            borderRadius: 3,
-                            backgroundColor: "rgba(0,0,0,0.8)", // ✅ visible background
-                            boxShadow: 3, // ✅ subtle shadow
-                            padding: 2,
-                        },
-                    }}
-                >
-                    <DialogContent sx={{ p: 0 }}>
-                        <DateRangePicker
-                            startDate={startDate}
-                            endDate={endDate}
-                            onStartDateChange={setStartDate}
-                            onEndDateChange={setEndDate}
-                            onApply={handleApplyCustomRange}
-                            onReset={handleResetCustomRange}
-                        />
-                    </DialogContent>
-                </Dialog>
+                {customRange ? (
+                    <>
+                        <Button
+                            startIcon={!downMD && <ArrowDown size={16} />}
+                            onClick={() => setShowCustomRangeModal(true)}
+                            sx={{
+                                borderRadius: "8px",
+                                border: "1px solid var(--Gray, #E0E0E3)",
+                                padding: "8px 16px",
+                                color: "#0E0E11",
+                                maxWidth: "fit-content",
+                            }}
+                        >
+                            Filter By Date
+                        </Button>
+
+                        <Dialog
+                            open={showCustomRangeModal}
+                            onClose={() => setShowCustomRangeModal(false)}
+                            maxWidth="xs"
+                            fullWidth
+                            PaperProps={{
+                                sx: {
+                                    borderRadius: 3,
+                                    backgroundColor: "rgba(0,0,0,0.8)", // ✅ visible background
+                                    boxShadow: 3, // ✅ subtle shadow
+                                    padding: 2,
+                                },
+                            }}
+                        >
+                            <DialogContent sx={{ p: 0 }}>
+                                <DateRangePicker
+                                    startDate={startDate}
+                                    endDate={endDate}
+                                    onStartDateChange={setStartDate}
+                                    onEndDateChange={setEndDate}
+                                    onApply={handleApplyCustomRange}
+                                    onReset={handleResetCustomRange}
+                                />
+                            </DialogContent>
+                        </Dialog>
+                    </>) : ""}
 
                 {/* Download Button */}
                 {onDownloadCSV && <Button

src/components/pages/dashboard/adminDashboard/players/LatestRegisteredPlayer.tsx

@@ -26,7 +26,7 @@ export default function LatestRegisteredPlayer() {
             header: "Name",
             cell: ({ row }) => {
                 const { first_name, last_name, name } = row.original;
-                const initials = getInitials(first_name, last_name);
+                const initials = getInitials(first_name, last_name) || getInitials(row.original.name);
 
                 return (
                     <Box className="flex justify-start items-center gap-2">

src/components/pages/dashboard/adminDashboard/players/index.tsx

@@ -89,7 +89,7 @@ export default function PlayerListing() {
             header: "Name",
             cell: ({ row }) => {
                 const { first_name, last_name, name } = row.original;
-                const initials = getInitials(first_name, last_name);
+                const initials = getInitials(first_name, last_name) || getInitials(row.original.name);
 
                 return (
                     <Box className="flex justify-start items-center gap-2">