Add activity edit form

fatihkabakk · May 12, 2022 · 107e4fc · 107e4fc
1 parent f8c1bc1
commit 107e4fc
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/client-app/src/features/activities/dashboard/ActivityDashboard.tsx b/client-app/src/features/activities/dashboard/ActivityDashboard.tsx
@@ -2,6 +2,7 @@ import React from "react";
 import { Grid } from "semantic-ui-react";
 import { Activity } from "../../../app/models/activity";
 import ActivityDetails from "../details/ActivityDetails";
+import ActivityForm from "../form/ActivityForm";
 import ActivityList from "./ActivityList";
 
 interface Props {
@@ -16,6 +17,7 @@ export default function ActivityDashboard({ activities }: Props) {
  </Grid.Column>
  <Grid.Column width='6'>
  {activities[0] && <ActivityDetails activity={activities[0]} />}
+ <ActivityForm />
  </Grid.Column>
  </Grid>
  )

diff --git a/client-app/src/features/activities/form/ActivityForm.tsx b/client-app/src/features/activities/form/ActivityForm.tsx
@@ -0,0 +1,19 @@
+import React from 'react'
+import { Button, Form, Segment } from 'semantic-ui-react'
+
+export default function ActivityForm() {
+ return (
+ <Segment clearing>
+ <Form>
+ <Form.Input placeholder='Title' />
+ <Form.TextArea placeholder='Description' />
+ <Form.Input placeholder='Category' />
+ <Form.Input placeholder='Date' />
+ <Form.Input placeholder='City' />
+ <Form.Input placeholder='Venue' />
+ <Button floated='right' positive type='submit' content='Submit' />
+ <Button floated='right' type='button' content='Cancel' />
+ </Form>
+ </Segment>
+ )
+}