diff --git a/src/Components/Sidebar/index.jsx b/src/Components/Sidebar/index.jsx index c82f2e5be..4fbc12538 100644 --- a/src/Components/Sidebar/index.jsx +++ b/src/Components/Sidebar/index.jsx @@ -17,6 +17,7 @@ import { } from "@mui/material"; import ThemeSwitch from "../ThemeSwitch"; import Avatar from "../Avatar"; +import StarPrompt from "../StarPrompt"; import LockSvg from "../../assets/icons/lock.svg?react"; import UserSvg from "../../assets/icons/user.svg?react"; import TeamSvg from "../../assets/icons/user-two.svg?react"; @@ -608,6 +609,8 @@ function Sidebar() { + {!collapsed && } + { + const theme = useTheme(); + const dispatch = useDispatch(); + const { t } = useTranslation(); + const isOpen = useSelector((state) => state.ui?.starPromptOpen ?? true); + const mode = useSelector((state) => state.ui.mode); + + const handleClose = () => { + dispatch(setStarPromptOpen(false)); + }; + + const handleStarClick = () => { + window.open(repoUrl, '_blank'); + }; + + if (!isOpen) return null; + + return ( + + + + {t('starPromptTitle')} + + + + + + + + {t('starPromptDescription')} + + + + + ); +}; + +export default StarPrompt; diff --git a/src/Features/UI/uiSlice.js b/src/Features/UI/uiSlice.js index ebafdbbf6..f20115b92 100644 --- a/src/Features/UI/uiSlice.js +++ b/src/Features/UI/uiSlice.js @@ -24,6 +24,7 @@ const initialState = { timezone: "America/Toronto", distributedUptimeEnabled: false, language: "gb", + starPromptOpen: true, }; const uiSlice = createSlice({ @@ -55,6 +56,9 @@ const uiSlice = createSlice({ setLanguage(state, action) { state.language = action.payload; }, + setStarPromptOpen: (state, action) => { + state.starPromptOpen = action.payload; + }, }, }); @@ -67,4 +71,5 @@ export const { setTimezone, setDistributedUptimeEnabled, setLanguage, + setStarPromptOpen, } = uiSlice.actions; diff --git a/src/locales/gb.json b/src/locales/gb.json index 60d0899cb..7db2644d5 100644 --- a/src/locales/gb.json +++ b/src/locales/gb.json @@ -142,7 +142,8 @@ "settingsFailedToAddDemoMonitors": "Failed to add demo monitors", "settingsMonitorsDeleted": "Successfully deleted all monitors", "settingsFailedToDeleteMonitors": "Failed to delete all monitors", - + "starPromptTitle": "Star Checkmate", + "starPromptDescription": "See the latest releases and help grow the community on GitHub" "notifications": { "enableNotifications": "Enable {{platform}} notifications", "testNotification": "Test notification", diff --git a/src/locales/tr.json b/src/locales/tr.json index abd358548..d93083871 100644 --- a/src/locales/tr.json +++ b/src/locales/tr.json @@ -101,5 +101,7 @@ "settingsDemoMonitorsAdded": "Demo monitörler başarıyla eklendi", "settingsFailedToAddDemoMonitors": "Demo monitörler eklenemedi", "settingsMonitorsDeleted": "Tüm monitörler başarıyla silindi", - "settingsFailedToDeleteMonitors": "Monitörler silinemedi" + "settingsFailedToDeleteMonitors": "Monitörler silinemedi", + "starPromptTitle": "Checkmate yıldızla değerlendirin", + "starPromptDescription": "En son sürümleri görün ve GitHub'daki topluluğun büyümesine yardımcı olun" }