feat: add Storybook stories for View Source button

blink-so[bot] · matifali · blink-so[bot] · commit 106c38376426 · 2025-07-21T21:45:32.000Z
Adds two new stories to test the View Source button functionality:
- WithViewSourceButton: Shows the button for template administrators
- WithoutViewSourceButton: Hides the button for regular users

These stories exercise the canUpdateTemplate prop and demonstrate
the conditional rendering of the View Source button.

Co-authored-by: matifali &lt;10648092+matifali@users.noreply.github.com&gt;
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.stories.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.stories.tsx
@@ -382,3 +382,43 @@ export const ExternalAuthAllConnected: Story = {
 		],
 	},
 };
+
+export const WithViewSourceButton: Story = {
+	args: {
+		canUpdateTemplate: true,
+		versionId: "template-version-123",
+		template: {
+			...MockTemplate,
+			organization_name: "default",
+			name: "docker-template",
+		},
+	},
+	parameters: {
+		docs: {
+			description: {
+				story:
+					"This story shows the View Source button that appears for template administrators. The button allows quick navigation to the template editor from the workspace creation page.",
+			},
+		},
+	},
+};
+
+export const WithoutViewSourceButton: Story = {
+	args: {
+		canUpdateTemplate: false,
+		versionId: "template-version-123",
+		template: {
+			...MockTemplate,
+			organization_name: "default",
+			name: "docker-template",
+		},
+	},
+	parameters: {
+		docs: {
+			description: {
+				story:
+					"This story shows the workspace creation page for users without template update permissions. The View Source button is hidden for these users.",
+			},
+		},
+	},
+};
