make settings app closeable

1 files changed, 8 insertions, 3 deletions

diff --git a/apps/Settings/components/Settings.js b/apps/Settings/components/Settings.js
index b4a5619..de3217c 100644
--- a/apps/Settings/components/Settings.js
+++ b/apps/Settings/components/Settings.js
@@ -1,5 +1,5 @@
 import styles from '../styles/Settings.module.scss'
-import React from 'react'
+import React, { useEffect } from 'react'
 import { close } from 'helpers/windowActions'
 import useUser from 'hooks/useUser'
 import usePopup from 'hooks/usePopup'
@@ -11,18 +11,23 @@ const Settings = () => {
   const { setPopup } = usePopup()
   const { setApps } = useApps()
   const { settings: { theme, language }, setSettings, t } = useSettings()
-  const { user } = useUser()
+  const { user, mutateUser } = useUser()
+
+  useEffect(() => () => {
+    setSettings(prev => ({ ...prev, theme: user.theme, language: user.language }))
+    close('Settings', setApps)
+  }, [user])
 
   const handleSave = e => {
     e.preventDefault()
 
     saveSettings({ _id: user._id, theme, language })
       .then(() => {
+        mutateUser({ ...user, theme, language }, false)
         setPopup({
           content: t('settings_saved'),
           time: 2000
         })
-        close('Settings', setApps)
       })
       .catch(() => {
         setPopup({