fix: add missing low opacity for cut resources in tiles view

packages/web-pkg/src/components/FilesList/ResourceTable.vue

@@ -90,7 +90,7 @@
           :parent-folder-link-icon-additional-attributes="
             getParentFolderLinkIconAdditionalAttributes(item)
           "
-          :class="{ 'opacity-70': isResourceCut(item) }"
+          :class="{ 'opacity-60': isResourceCut(item) }"
           @click.stop="fileNameClicked({ resource: item, event: $event })"
         />
         <oc-button
@@ -278,7 +278,6 @@ import {
   FolderViewModeConstants,
   useAuthStore,
   useCapabilityStore,
-  useClipboardStore,
   useEmbedMode,
   useFolderLink,
   useGetMatchingSpace,
@@ -296,7 +295,6 @@ import { formatDateFromJSDate, formatRelativeDateFromJSDate } from '../../helper
 import { SideBarEventTopics } from '../../composables/sideBar'
 import ContextMenuQuickAction from '../ContextActions/ContextMenuQuickAction.vue'
 import { useInterceptModifierClick } from '../../composables/keyboardActions'
-import { ClipboardActions } from '../../helpers/clipboardActions'
 import { determineResourceTableSortFields } from '../../helpers/ui/resourceTable'
 import { FileActionOptions, useFileActionsRename } from '../../composables/actions'
 import { createLocationCommon } from '../../router'
@@ -399,6 +397,7 @@ const {
   isResourceDisabled,
   isResourceInDeleteQueue,
   isResourceClickable,
+  isResourceCut,
   getResourceLink,
   dragItem,
   dragSelection,
@@ -419,9 +418,6 @@ const {
   emit
 })
 
-const clipboardStore = useClipboardStore()
-const { resources: clipboardResources, action: clipboardAction } = storeToRefs(clipboardStore)
-
 const authStore = useAuthStore()
 const { userContextReady } = storeToRefs(authStore)
 
@@ -636,12 +632,6 @@ const fields = computed(() => {
   return fields
 })
 
-const isResourceCut = (resource: Resource) => {
-  if (unref(clipboardAction) !== ClipboardActions.Cut) {
-    return false
-  }
-  return unref(clipboardResources).some((r) => r.id === resource.id)
-}
 const getTagLink = (tag: string) => {
   const currentTerm = unref(router.currentRoute).query?.term
   return createLocationCommon('files-common-search', {

packages/web-pkg/src/components/FilesList/ResourceTiles.vue

@@ -63,6 +63,7 @@
           :draggable="dragDrop"
           :lazy="areTilesLazy"
           :is-loading="isResourceInDeleteQueue(resource.id)"
+          :class="{ 'opacity-60': isResourceCut(resource) }"
           @contextmenu="showContextMenuOnRightClick($event, resource)"
           @file-name-clicked.stop="(event) => fileNameClicked({ resource, event })"
           @dragstart="dragStart(resource, $event)"
@@ -220,6 +221,7 @@ const {
   isResourceDisabled,
   isResourceInDeleteQueue,
   isResourceClickable,
+  isResourceCut,
   getResourceLink,
   dragItem,
   dragSelection,

packages/web-pkg/src/composables/resources/useResourceViewHelpers.ts

@@ -1,5 +1,5 @@
 import { computed, Ref, unref } from 'vue'
-import { useResourcesStore } from '../piniaStores'
+import { useClipboardStore, useResourcesStore } from '../piniaStores'
 import { useRouter } from '../router'
 import { useEventBus } from '../eventBus'
 import { useInterceptModifierClick } from '../keyboardActions'
@@ -17,6 +17,8 @@ import { useCanBeOpenedWithSecureView } from './useCanBeOpenedWithSecureView'
 import { useFileActions } from '../actions'
 import { useResourceViewContextMenu } from './useResourceViewContextMenu'
 import { useResourceViewSelection } from './useResourceViewSelection'
+import { ClipboardActions } from '../../helpers'
+import { storeToRefs } from 'pinia'
 
 /**
  * Shared helpers for resource view components (like ResourceTable and ResourceTiles).
@@ -46,6 +48,9 @@ export const useResourceViewHelpers = ({
     postMessage
   } = useEmbedMode()
 
+  const clipboardStore = useClipboardStore()
+  const { resources: clipboardResources, action: clipboardAction } = storeToRefs(clipboardStore)
+
   const selectedResources = computed(() => {
     return unref(resources).filter((resource) => unref(selectedIds).includes(resource.id))
   })
@@ -102,6 +107,13 @@ export const useResourceViewHelpers = ({
     return !isResourceDisabled(resource)
   }
 
+  const isResourceCut = (resource: Resource) => {
+    if (unref(clipboardAction) !== ClipboardActions.Cut) {
+      return false
+    }
+    return unref(clipboardResources).some((r) => r.id === resource.id)
+  }
+
   // tr or tile containing the file clicked
   const fileContainerClicked = ({
     resource,
@@ -221,6 +233,7 @@ export const useResourceViewHelpers = ({
     isResourceInDeleteQueue,
     isResourceDisabled,
     isResourceClickable,
+    isResourceCut,
     fileContainerClicked,
     fileNameClicked,
     fileCheckboxClicked,