init commit

client/components/V1/Generic/TextFieldComponent.tsx → client/components/V1/Generic/MeasuresTextField.tsx

@@ -2,7 +2,7 @@ import { TextField, Button, Box } from '@mui/material'
 import { useTranslation } from 'react-i18next'
 import { useState } from 'react'
 
-const TextFieldComponent = () => {
+const MeasuresTextField = () => {
     const { t } = useTranslation()
 
     const [content, setContent] = useState<string>('')
@@ -49,4 +49,4 @@ const TextFieldComponent = () => {
     )
 }
 
-export default TextFieldComponent
+export default MeasuresTextField

client/components/V1/index.tsx

@@ -1,16 +1,47 @@
+import { useSelector, useDispatch } from 'react-redux'
 import DataComponent from './DataComponent'
 
-import TextFieldComponent from './Generic/TextFieldComponent'
+import MeasuresTextField from './Generic/MeasuresTextField'
+import { useEffect } from 'react'
+import { getStudyProgrammes } from '../../util/redux/studyProgrammesReducer'
+
+
+
 
 const Page = () => {
+  // testaillen toimenpide tekstikenttää
+  /*
+  MVP
+  1. Tuo koulutusohjelma toimenpiteet teksti sisään
+  2. Näytä teksti
+  3. Muokkaa tekstiä
+  4. Sulje muokkaus muilta
+  5. Tallenna teksti
+  6. vapauta muokkaus muille
+  */
+  const dispatch = useDispatch()
+
+  // tänne studyprogramme
+
+  const studyprogramme = useSelector(({ studyProgrammes }) => studyProgrammes.data)
+
+  useEffect(() => {
+    dispatch(getStudyProgrammes())
+  }, [])
+
   return (
     <div>
       <h1>Page</h1>
       <br />
+      <pre>
+        {JSON.stringify(studyprogramme, null, 2)}
+      </pre>
+
+      {/* testaillen toimenpide tekstikenttää */}
       <div>
-        <h1>Testattava teksikenttä</h1>
-        <TextFieldComponent />
-        
+        <h1>TESTI TOIMENPITEET</h1>
+        <MeasuresTextField />
+
       </div>
 
       <br />