fix(ActionInsertLink): disable "Link to file" if offline

Fixes: #1868

Signed-off-by: Jonas <jonas@freesources.org>

Author: mejo-

cypress/e2e/offline.spec.js

@@ -0,0 +1,52 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { randUser } from '../utils/index.js'
+
+const user = randUser()
+
+describe('Offline', function() {
+	before(() => {
+		cy.createUser(user)
+	})
+
+	beforeEach(() => {
+		cy.login(user)
+		cy.uploadTestFile()
+		cy.visit('/apps/files')
+		cy.openTestFile()
+	})
+
+	it('Offline state indicator', () => {
+		cy.get('.session-list').should('exist')
+		cy.get('.offline-state').should('not.exist')
+		cy.goOffline()
+		cy.get('.session-list').should('not.exist')
+		cy.get('.offline-state').should('exist')
+		cy.goOnline()
+	})
+
+	it.only('Disabled upload and link file when offline', () => {
+		cy.getMenuEntry('insert-attachment')
+			.find('button')
+			.should('not.be.disabled')
+		cy.getSubmenuEntry('insert-link', 'insert-link-file')
+			.find('button')
+			.should('not.be.disabled')
+		cy.getMenuEntry('insert-link').click()
+
+		cy.goOffline()
+
+		cy.getMenuEntry('insert-attachment')
+			.find('button')
+			.should('be.disabled')
+		cy.getSubmenuEntry('insert-link', 'insert-link-file')
+			.find('button')
+			.should('be.disabled')
+		cy.getMenuEntry('insert-link').click()
+
+		cy.goOnline()
+	})
+})

cypress/support/commands.js

@@ -38,6 +38,42 @@ Cypress.Commands.overwrite('login', (login, user) => {
 	cy.wrap(user, silent).as('currentUser')
 })
 
+// Switch network state
+Cypress.Commands.add('goOffline', () => {
+    cy.log('**go offline**')
+        .then(() => {
+            return Cypress.automation('remote:debugger:protocol', { command: 'Network.enable' })
+        })
+        .then(() => {
+            return Cypress.automation('remote:debugger:protocol', {
+                command: 'Network.emulateNetworkConditions',
+                params: {
+                    offline: true,
+                    latency: -1,
+                    downloadThroughput: -1,
+                    uploadThroughput: -1,
+                },
+            })
+        })
+})
+Cypress.Commands.add('goOnline', () => {
+    cy.log('**go online**')
+        .then(() => {
+            return Cypress.automation('remote:debugger:protocol', {
+                command: 'Network.emulateNetworkConditions',
+                params: {
+                    offline: false,
+                    latency: -1,
+                    downloadThroughput: -1,
+                    uploadThroughput: -1,
+                },
+            })
+        })
+        .then(() => {
+            return Cypress.automation('remote:debugger:protocol', { command: 'Network.disable' })
+        })
+})
+
 Cypress.Commands.add('openDirectEditingToken', (token) => {
 	const visitHooks = {
 		onBeforeLoad(win) {

src/components/Menu/ActionInsertLink.vue

@@ -36,6 +36,7 @@
 		<NcActionButton
 			v-if="!isUsingDirectEditing"
 			ref="buttonFile"
+			:disabled="!networkOnline"
 			:data-text-action-entry="`${actionEntry.key}-file`"
 			@click="linkFile">
 			<template #icon>
@@ -89,6 +90,7 @@ import { getLinkWithPicker } from '@nextcloud/vue/dist/Components/NcRichText.js'
 import { getMarkAttributes, isActive } from '@tiptap/core'
 
 import { t } from '@nextcloud/l10n'
+import { useNetworkState } from '../../composables/useNetworkState.ts'
 import { buildFilePicker } from '../../helpers/filePicker.js'
 import { useFileMixin } from '../Editor.provider.ts'
 import { Document, LinkOff, Loading, Shape, Web } from '../icons.js'
@@ -109,6 +111,10 @@ export default {
 	},
 	extends: BaseActionEntry,
 	mixins: [useFileMixin, useMenuIDMixin],
+	setup() {
+		const { networkOnline } = useNetworkState()
+		return { ...BaseActionEntry.setup(), networkOnline }
+	},
 	data: () => {
 		return {
 			href: '',