hw6

src/s2-homeworks/hw06/HW6.tsx

@@ -0,0 +1,44 @@
+import React, {useState} from 'react'
+import SuperEditableSpan from './common/c4-SuperEditableSpan/SuperEditableSpan'
+import {restoreState, saveState} from './localStorage/localStorage'
+import s2 from '../../s1-main/App.module.css'
+import SuperButton from '../hw04/common/c2-SuperButton/SuperButton'
+
+const HW6 = () => {
+    const [value, setValue] = useState<string>('')
+
+    const save = () => {
+        saveState<string>('hw6-editable-span-value', value)
+    }
+    const restore = () => { // делают студенты
+        setValue(restoreState<string>('hw6-editable-span-value', ''))
+    }
+
+    return (
+        <div id={'hw6'} className={s2.hw}>
+            <hr/>
+            {/*можно убрать этот тег*/}
+
+            <div className={s2.hwTitle}>homeworks 6</div>
+
+            {/*should work (должно работать)*/}
+            <div>
+                <SuperEditableSpan
+                    id={'hw6-spanable-input'}
+                    value={value}
+                    onChangeText={setValue}
+                    spanProps={{children: value ? undefined : 'enter text...', id: 'hw6-editable-span'}}
+                />
+            </div>
+            <SuperButton id={'hw6-save'} onClick={save}>save to ls</SuperButton>
+            <SuperButton id={'hw6-restore'} onClick={restore}>get from ls</SuperButton>
+
+            <hr/>
+            {/*можно убрать этот тег*/}
+            <hr/>
+            {/*можно убрать этот тег*/}
+        </div>
+    )
+}
+
+export default HW6