fix: various bugs

Author: safwansamsudeen

frontend/src/components/ContextMenu.vue

@@ -67,8 +67,8 @@ const childWidth = ref(null)
 const childHeight = ref(null)
 
 onMounted(() => {
-  parentWidth.value = contextMenu.value.parentElement.clientWidth
-  parentHeight.value = contextMenu.value.parentElement.clientHeight
+  parentWidth.value = window.document.body.clientWidth
+  parentHeight.value = window.document.body.clientHeight
   childWidth.value = contextMenu.value.clientWidth
   childHeight.value = contextMenu.value.clientHeight
   calculateY()

frontend/src/components/Dialogs.vue

@@ -31,7 +31,12 @@
       }
     "
   />
-  <ShareDialog v-if="dialog === 's'" v-model="dialog" :entity="selections[0]" />
+  <ShareDialog
+    v-if="dialog === 's'"
+    v-model="dialog"
+    :entity="selections[0]"
+    @success="getEntities.fetch(getEntities.params)"
+  />
 
   <!-- Deletion dialogs -->
   <GeneralDialog

frontend/src/components/DocEditor/components/DocMenuAndInfoBar.vue

@@ -71,7 +71,7 @@
               <span class="col-span-1 text-gray-600">Type</span>
               <span class="col-span-1">Frappe Doc</span>
               <span class="col-span-1 text-gray-600">Size</span>
-              <span class="col-span-1">{{ entity.file_size_pretty }}</span>
+              <span class="col-span-1">{{ formatSize(entity.file_size) }}</span>
               <span class="col-span-1 text-gray-600">Modified</span>
               <span class="col-span-1">{{ formatDate(entity.modified) }}</span>
               <span class="col-span-1 text-gray-600">Created</span>
@@ -898,7 +898,7 @@ import { useTimeAgo } from "@vueuse/core"
 import * as Y from "yjs"
 import { TiptapTransformer } from "@hocuspocus/transformer"
 import { fromUint8Array, toUint8Array } from "js-base64"
-import { formatDate } from "@/utils/format"
+import { formatDate, formatSize } from "@/utils/format"
 import AnnotationList from "../components/AnnotationList.vue"
 import Clock from "../../EspressoIcons/Clock.vue"
 import ActivityTree from "../../ActivityTree.vue"
@@ -992,6 +992,7 @@ export default {
       sharedWithList: userList.data,
       tab: this.entity?.write ? 0 : 4,
       formatDate,
+      formatSize,
       docFont: this.settings.docFont,
       tabs: [
         {

frontend/src/components/ShareDialog/ShareDialog.vue

@@ -361,6 +361,7 @@ function addShares() {
     getUsersWithAccess.data.push({ ...user, ...access })
   }
   sharedUsers.value = []
+  emit("success")
 }
 const invalidAfter = ref()
 
@@ -392,19 +393,17 @@ watch([generalAccessType, generalAccessLevel], ([type, level]) => {
       method: "unshare",
     })
   }
-  console.log(level)
-  setTimeout(
-    () =>
-      updateAccess.submit({
-        entity_name: props.entity.name,
-        user: level.value === "public" ? "" : "$TEAM",
-        read: 1,
-        comment: 1,
-        share: 1,
-        write: type.value === "editor",
-      }),
-    1000
-  )
+  setTimeout(() => {
+    updateAccess.submit({
+      entity_name: props.entity.name,
+      user: level.value === "public" ? "" : "$TEAM",
+      read: 1,
+      comment: 1,
+      share: 1,
+      write: type.value === "editor",
+    })
+    emit("success")
+  }, 1000)
 })
 
 const openDialog = computed({

frontend/src/pages/Document.vue

@@ -41,7 +41,7 @@ import { useRoute } from "vue-router"
 import { useStore } from "vuex"
 import { createResource } from "frappe-ui"
 import { watchDebounced } from "@vueuse/core"
-import { setBreadCrumbs } from "@/utils/files"
+import { setBreadCrumbs, prettyData } from "@/utils/files"
 import { allUsers } from "@/resources/permissions"
 import router from "@/router"
 import LoadingIndicator from "frappe-ui/src/components/LoadingIndicator.vue"
@@ -119,6 +119,8 @@ const onSuccess = (data) => {
   if (!("docSpellcheck" in settings.value)) {
     settings.value.docSpellcheck = 1
   }
+  console.log(prettyData([entity])[0])
+  document.setData(prettyData([entity])[0])
   title.value = data.title
   oldTitle.value = data.title
   yjsContent.value = toUint8Array(data.content)