Merge pull request #9409 from gitbutlerapp/move-hooks-toggle-to-details

Move pre-commit hooks setting to project details form

Author: estib-vega

apps/desktop/src/components/DetailsForm.svelte

@@ -1,15 +1,19 @@
 <script lang="ts">
+	import { projectRunCommitHooks } from '$lib/config/config';
 	import { Project } from '$lib/project/project';
 	import { ProjectsService } from '$lib/project/projectsService';
 	import { getContext } from '@gitbutler/shared/context';
 	import SectionCard from '@gitbutler/ui/SectionCard.svelte';
 	import Spacer from '@gitbutler/ui/Spacer.svelte';
 	import Textarea from '@gitbutler/ui/Textarea.svelte';
 	import Textbox from '@gitbutler/ui/Textbox.svelte';
+	import Toggle from '@gitbutler/ui/Toggle.svelte';
 
 	const project = getContext(Project);
 	const projectsService = getContext(ProjectsService);
 
+	const runCommitHooks = $derived(projectRunCommitHooks(project.id));
+
 	let title = $state(project?.title);
 	let description = $state(project?.description);
 </script>
@@ -49,6 +53,20 @@
 
 <Spacer />
 
+<SectionCard labelFor="runHooks" orientation="row">
+	{#snippet title()}
+		Run commit hooks
+	{/snippet}
+	{#snippet caption()}
+		Enabling this will run any git pre and post commit hooks you have configured in your repository.
+	{/snippet}
+	{#snippet actions()}
+		<Toggle id="runHooks" bind:checked={$runCommitHooks} />
+	{/snippet}
+</SectionCard>
+
+<Spacer />
+
 <style>
 	.fields-wrapper {
 		display: flex;

apps/desktop/src/components/PreferencesForm.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import Section from '$components/Section.svelte';
-	import { projectRunCommitHooks } from '$lib/config/config';
 	import { Project } from '$lib/project/project';
 	import { ProjectsService } from '$lib/project/projectsService';
 	import { getContext } from '@gitbutler/shared/context';
@@ -14,8 +13,6 @@
 	let snaphotLinesThreshold = project?.snapshot_lines_threshold || 20; // when undefined, the default is 20
 	let omitCertificateCheck = project?.omit_certificate_check;
 
-	const runCommitHooks = projectRunCommitHooks(project.id);
-
 	async function setOmitCertificateCheck(value: boolean | undefined) {
 		project.omit_certificate_check = !!value;
 		await projectsService.updateProject(project);
@@ -48,19 +45,6 @@
 		{/snippet}
 	</SectionCard>
 
-	<SectionCard labelFor="runHooks" orientation="row">
-		{#snippet title()}
-			Run commit hooks
-		{/snippet}
-		{#snippet caption()}
-			Enabling this will run any git pre and post commit hooks you have configured in your
-			repository.
-		{/snippet}
-		{#snippet actions()}
-			<Toggle id="runHooks" bind:checked={$runCommitHooks} />
-		{/snippet}
-	</SectionCard>
-
 	<SectionCard orientation="row" centerAlign>
 		{#snippet title()}
 			Snapshot lines threshold