From 71fba8d2043b2a8e6b3f8b3e9631fd0e8534da48 Mon Sep 17 00:00:00 2001
From: Anirban Biswas <139000437+Rustix69@users.noreply.github.com>
Date: Fri, 25 Jul 2025 12:37:27 +0530
Subject: [PATCH] Feature/set up Storybook story for activity type component
 (#5234)

* Set up Storybook story for activity type component

* Update changelog
---
 CHANGELOG.md                                  |  4 +++
 .../activity-type.component.stories.ts        | 30 +++++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 libs/ui/src/lib/activity-type/activity-type.component.stories.ts

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7251f99b8..cded684bb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
+- Added a _Storybook_ story for the activity type component
+
 ### Changed
 
 - Refactored the toggle component to standalone
diff --git a/libs/ui/src/lib/activity-type/activity-type.component.stories.ts b/libs/ui/src/lib/activity-type/activity-type.component.stories.ts
new file mode 100644
index 000000000..349cf6a7b
--- /dev/null
+++ b/libs/ui/src/lib/activity-type/activity-type.component.stories.ts
@@ -0,0 +1,30 @@
+import { CommonModule } from '@angular/common';
+import { IonIcon } from '@ionic/angular/standalone';
+import { moduleMetadata } from '@storybook/angular';
+import type { Meta, StoryObj } from '@storybook/angular';
+
+import { GfActivityTypeComponent } from './activity-type.component';
+
+export default {
+  title: 'Activity Type',
+  component: GfActivityTypeComponent,
+  decorators: [
+    moduleMetadata({
+      imports: [CommonModule, IonIcon]
+    })
+  ],
+  argTypes: {
+    activityType: {
+      control: 'select',
+      options: ['BUY', 'DIVIDEND', 'FEE', 'INTEREST', 'LIABILITY', 'SELL']
+    }
+  }
+} as Meta<GfActivityTypeComponent>;
+
+type Story = StoryObj<GfActivityTypeComponent>;
+
+export const Default: Story = {
+  args: {
+    activityType: 'BUY'
+  }
+};