add task function

src/view/Components/Taskview/Addview/index.tsx

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { useForm } from "react-hook-form";
-import { Trans,useTranslation } from 'react-i18next'
-
-export default function Index(props: any) {
-
-    const display = <div id="addDisplay">
-                        <form>
-                            <label><Trans>type</Trans>
-                                <select>
-                                <option value="Daily">Daily</option>
-                                <option value="Habit">Habit</option>
-                                <option value="Todo">Todo</option>
-                                <option value="Reward">Reward</option>
-                                </select>
-                            </label>               
-                            <label><Trans>title</Trans>
-                                <input type="text" />
-                            </label>
-                            <label><Trans>notes</Trans>
-                                <input type="text" />
-                            </label>
-                        </form>
-                    </div>
-
-    return (display);
-}

src/view/Components/Taskview/Dailiesview/index.tsx

@@ -2,6 +2,12 @@ import * as React from "react";
 import DailyItem from "./DailyItem"
 import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
 import { useTranslation, Trans, Translation } from 'react-i18next'
+import { useForm, SubmitHandler } from "react-hook-form";
+import { addDaily } from "src/view/habiticaAPI";
+
+type Inputs = {
+    title: string
+};
 
 export default function Index(props: any){
     if(props.dailys == undefined) {
@@ -16,17 +22,21 @@ export default function Index(props: any){
             if(daily.completed)
                 return <DailyItem key={daily.id} id={daily.id} daily_text={daily.text} daily_notes={daily.notes} onChange={props.onChange} completed={daily.completed}/>
         })
+        const { register, handleSubmit, watch, formState: { errors } } = useForm<Inputs>();
+        const onSubmit: SubmitHandler<Inputs> = data => {
+            addDaily(this.props.plugin.settings.userID,this.props.plugin.settings.apiToken,data.title)
+        }
+        
         const display = <div id="classDisplay">
                             <Tabs>
                             <TabList>
                                 <Tab><Trans>Active</Trans></Tab>
                                 <Tab><Trans>Completed</Trans></Tab>
                             </TabList>
-                            <div className="add-task-input">
-                                <input type="text">
-                                </input>
-                                <button className="submit-button"><Trans>submit</Trans></button>
-                            </div>
+                            <form className="add-task-input" onSubmit={handleSubmit(onSubmit)}>
+                                <input type="text" defaultValue="" {...register("title")}></input>
+                                <button className="submit-button" type="submit"><Trans>submit</Trans></button>
+                            </form>
                             <TabPanel>
                                 <ul>{incompleteDailies}</ul>
                             </TabPanel>

src/view/Components/Taskview/index.tsx

@@ -3,7 +3,6 @@ import Dailiesview from "./Dailiesview"
 import Habitsview from "./Habitsview"
 import Todoview from "./Todoview"
 import Rewardview from "./Rewardview"
-import Addview from "./Addview"
 import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
 import { useTranslation, Trans, Translation } from 'react-i18next'