diff --git a/wondrous-bot-admin/src/components/Settings/CustomizeBanners/index.tsx b/wondrous-bot-admin/src/components/Settings/CustomizeBanners/index.tsx index 47ea04f06..e15e0cd90 100644 --- a/wondrous-bot-admin/src/components/Settings/CustomizeBanners/index.tsx +++ b/wondrous-bot-admin/src/components/Settings/CustomizeBanners/index.tsx @@ -163,7 +163,7 @@ const CommandBanner = ({ const bannerImageInputField = useRef(null); const topImageInputField = useRef(null); - const customBannerImage = customBanner?.find((customBanner) => customBanner.purpose === banner.purpose); + const customBannerImage = customBanner?.find((customBanner) => customBanner.purpose === banner?.purpose); const customTopImage = customBanner?.find((customBanner) => customBanner.purpose === thumbnail?.purpose); const customBannerImageUrl = customBannerImage?.publicUrl; const customTopImageUrl = customTopImage?.publicUrl; @@ -254,39 +254,46 @@ const CommandBanner = ({ - - Banner - - {customBannerImageUrl ? ( - - ) : ( - {`${title} - )} - - - Optimal size: 640 x 140px - - - - - - - - - - - - - + {banner !== undefined && ( + + Banner + + {customBannerImageUrl ? ( + + ) : ( + {`${title} + )} + + + Optimal size: 640 x 140px + + + + + + + + + + + + + + )} {thumbnail !== undefined && (