feat: project form getting form

DeFUCC · Apr 29, 2023 · b43d14e · b43d14e
1 parent e5728d6
commit b43d14e
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 13 deletions.
diff --git a/src/project/ProjectForm.vue b/src/project/ProjectForm.vue
@@ -6,6 +6,8 @@ const props = defineProps({
   title: { type: String, default: 'Project0' }
 })
 
+const emit = defineEmits(['added'])
+
 const { newProject, addProject } = useNewProject()
 
 watchEffect(() => {
@@ -23,5 +25,6 @@ watchEffect(() => {
     h3 Title:
     input(type="text" v-model="newProject.title")
 
+  button.button(@click="addProject(()=>$emit('added'))") ADD PROJECT
   pre.text-xs {{ newProject }}
 </template>
diff --git a/src/project/ProjectList.vue b/src/project/ProjectList.vue
@@ -10,8 +10,6 @@ const props = defineProps({
 const { candidates, search } = useProjects(props.pub)
 
 defineEmits(['open'])
-
-
 </script>
 
 <template lang="pug">
@@ -32,5 +30,5 @@ defineEmits(['open'])
         @click="$emit('open', proj.item.path)"
         )
   .p-2.flex.flex-col.gap-2
-    project-form(:title="search" v-if="search")
+    project-form(:title="search" v-if="search" @added="search=''")
 </template>
diff --git a/src/project/useProject.ts b/src/project/useProject.ts
@@ -27,23 +27,22 @@ export function useNewProject(title?: string) {
     author: computed(() => user.pub),
   })
 
-  async function addProject() {
+  async function addProject(cb?: Function) {
     const gun = useGun()
-    const { user } = useUser()
 
-    const id = genUUID(6)
-    newProject.author = user.pub
-
-    const link = gun.user().get('projects').get(id).put(newProject, () => {
+    const link = gun.user().get('projects').get(newProject.id).put(newProject, () => {
       if (!newProject.public) return
 
       gun
         .user(currentRoom.pub)
         .get('projects')
-        .get(id + '@' + user.pub)
+        .get(newProject.id + '@' + user.pub)
         .put(
           link,
-          undefined,
+          () => {
+            console.log('added project')
+            if (cb) { cb?.() }
+          },
           {
             opt:
               { cert: currentRoom.features?.projects }

diff --git a/src/room/useRoom.ts b/src/room/useRoom.ts
@@ -16,11 +16,10 @@ import config from "../../gun.config.json";
 import { reactive, computed, ref, watchEffect } from "vue";
 import { ISEAPair } from "gun";
 import { useStorage } from '@vueuse/core'
+import { CurrentRoom } from "./useRoom.d";
 
 const rootRoom = config.room
 
-import { CurrentRoom } from "./useRoom.d";
-
 export const currentRoom: CurrentRoom = reactive({
   pub: useStorage('current-room', rootRoom.pub),
   isRoot: computed(() => currentRoom.pub == rootRoom.pub),