File tree 2 files changed +5
-3
lines changed 2 files changed +5
-3
lines changed Original file line number Diff line number Diff line change @@ -60,7 +60,7 @@ const CodeOptions = ({ children }) => {
60
60
width = "fit-content"
61
61
sx = { selectStyles }
62
62
onChange = { ( e ) => setLanguagePreset ( e . target . value ) }
63
- defaultValue = { languagePreset }
63
+ value = { languagePreset }
64
64
>
65
65
< option value = "JS" > JS</ option >
66
66
< option value = "TS" > TS</ option >
Original file line number Diff line number Diff line change @@ -22,6 +22,7 @@ import { TiStarFullOutline } from "react-icons/ti";
22
22
import { useStars } from '../../hooks/useStars' ;
23
23
import { useDeviceOS } from 'react-haiku' ;
24
24
import { useSearch } from '../context/SearchContext/useSearch' ;
25
+ import { useLanguage } from '../context/LanguageContext/useLanguage'
25
26
26
27
27
28
import Logo from '../../assets/logos/reactbits-logo.svg' ;
@@ -31,6 +32,7 @@ import FadeContent from '../../content/Animations/FadeContent/FadeContent';
31
32
const Header = ( ) => {
32
33
const { isOpen, onOpen, onClose } = useDisclosure ( ) ;
33
34
const { toggleSearch } = useSearch ( ) ;
35
+ const { languagePreset, setLanguagePreset } = useLanguage ( ) ;
34
36
const stars = useStars ( ) ;
35
37
const os = useDeviceOS ( ) ;
36
38
@@ -84,8 +86,8 @@ const Header = () => {
84
86
rounded = "xl"
85
87
width = "fit-content"
86
88
fontWeight = { 600 }
87
- onChange = { ( e ) => localStorage . setItem ( 'preferredLanguage' , e . target . value ) }
88
- defaultValue = { localStorage . getItem ( 'preferredLanguage' ) || 'JS' }
89
+ onChange = { ( e ) => setLanguagePreset ( e . target . value ) }
90
+ value = { languagePreset }
89
91
>
90
92
< option value = "JS" > JS</ option >
91
93
< option value = "TS" > TS</ option >
You can’t perform that action at this time.
0 commit comments