diff --git a/app/javascript/dashboard/i18n/locale/en/contact.json b/app/javascript/dashboard/i18n/locale/en/contact.json index 80a33f25a..544d54323 100644 --- a/app/javascript/dashboard/i18n/locale/en/contact.json +++ b/app/javascript/dashboard/i18n/locale/en/contact.json @@ -168,6 +168,16 @@ "BUTTON": "View all notes" } }, + "EVENTS": { + "HEADER": { + "TITLE": "Activities" + }, + "BUTTON": { + "PILL_BUTTON_NOTES": "notes", + "PILL_BUTTON_EVENTS": "events", + "PILL_BUTTON_CONVO": "conversations" + } + }, "CUSTOM_ATTRIBUTES": { "TITLE": "Custom Attributes", "BUTTON": "Add custom attribute", diff --git a/app/javascript/dashboard/routes/dashboard/contacts/components/SectionHeader.stories.js b/app/javascript/dashboard/routes/dashboard/contacts/components/SectionHeader.stories.js new file mode 100644 index 000000000..0ceaa64b4 --- /dev/null +++ b/app/javascript/dashboard/routes/dashboard/contacts/components/SectionHeader.stories.js @@ -0,0 +1,22 @@ +import { action } from '@storybook/addon-actions'; +import SectionHeader from './SectionHeader'; + +export default { + title: 'Components/Events/Section', + component: SectionHeader, + argTypes: {}, +}; + +const Template = (args, { argTypes }) => ({ + props: Object.keys(argTypes), + components: { SectionHeader }, + template: + '', +}); + +export const Section = Template.bind({}); +Section.args = { + onClickNotes: action('notes'), + onClickEvents: action('events'), + onClickConversation: action('conversation'), +}; diff --git a/app/javascript/dashboard/routes/dashboard/contacts/components/SectionHeader.vue b/app/javascript/dashboard/routes/dashboard/contacts/components/SectionHeader.vue new file mode 100644 index 000000000..be7778440 --- /dev/null +++ b/app/javascript/dashboard/routes/dashboard/contacts/components/SectionHeader.vue @@ -0,0 +1,71 @@ + + + + +