Skip to content

Commit

Permalink
remove activity related data from account
Browse files Browse the repository at this point in the history
  • Loading branch information
lucaslyl committed Feb 13, 2025
1 parent 9fe7e54 commit 058905f
Showing 1 changed file with 18 additions and 64 deletions.
82 changes: 18 additions & 64 deletions packages/experiments-realm/crm/account.gts
Original file line number Diff line number Diff line change
Expand Up @@ -435,45 +435,15 @@ class IsolatedTemplate extends Component<typeof Account> {
</SummaryGridContainer>
</:summary>

<:activities>
<SummaryCard class='activities-summary-card'>
<:title>
<h2 class='activity-title'>Recent Activities</h2>
</:title>
<:icon>
<BoxelButton
@kind='primary'
class='activity-button-mobile'
data-test-settings-button
>
<PlusIcon />
</BoxelButton>

<BoxelButton
@kind='primary'
@size='base'
class='activity-button-desktop'
data-test-settings-button
>
<PlusIcon />
New Activity
</BoxelButton>
</:icon>
<:content>
{{! remove activity mock }}
</:content>
</SummaryCard>
</:activities>

<:tasks>
<SummaryCard class='tasks-summary-card'>
<:title>
<h2 class='activity-title'>Upcoming Tasks</h2>
<h2 class='task-title'>Upcoming Tasks</h2>
</:title>
<:icon>
<BoxelButton
@kind='primary'
class='activity-button-mobile'
class='task-button-mobile'
data-test-settings-button
@disabled={{this.activeTasks.isLoading}}
@loading={{this._createNewTask.isRunning}}
Expand All @@ -486,7 +456,7 @@ class IsolatedTemplate extends Component<typeof Account> {
<BoxelButton
@kind='primary'
@size='base'
class='activity-button-desktop'
class='task-button-desktop'
@disabled={{this.activeTasks.isLoading}}
@loading={{this._createNewTask.isRunning}}
data-test-settings-button
Expand Down Expand Up @@ -589,40 +559,38 @@ class IsolatedTemplate extends Component<typeof Account> {
.default-value {
color: var(--boxel-400);
}
/* Activities */
.activity-button-mobile {
/* Task */
.task-button-mobile {
display: none;
}
.activity-button-desktop {
.task-button-desktop {
display: inline-flex;
}
.activities-summary-card {
--summary-card-padding: var(--boxel-sp-xl) var(--boxel-sp);
container-type: inline-size;
container-name: activities-summary-card;
}
.tasks-summary-card {
--summary-card-padding: var(--boxel-sp-xl) var(--boxel-sp);
--summary-card-content-gap: 0;
container-type: inline-size;
container-name: tasks-summary-card;
}
.tasks-summary-card :where(.task-card) {
--task-card-padding: var(--boxel-sp) 0;
border-top: 1px solid var(--boxel-200);
}
.activity-title {
.task-title {
font: 600 var(--boxel-font-med);
letter-spacing: var(--boxel-lsp-xxs);
margin: 0;
}
.activity-pill {
.task-pill {
--pill-background-color: var(--boxel-200);
}
.activity-card-group {
.task-card-group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--boxel-sp);
}
.activity-time {
.task-time {
font-size: var(--boxel-font-xs);
color: var(--boxel-color-gray);
margin-left: auto;
Expand All @@ -642,20 +610,20 @@ class IsolatedTemplate extends Component<typeof Account> {
justify-content: center;
}
@container activities-summary-card (max-width: 447px) {
.activity-button-mobile {
@container tasks-summary-card (max-width: 447px) {
.task-button-mobile {
display: inline-flex;
--boxel-button-padding: 0px 0px;
min-width: 2rem;
}
.activity-button-desktop {
.task-button-desktop {
display: none;
}
.activity-card-group {
.task-card-group {
flex-direction: column;
align-items: flex-start;
}
.activity-time {
.task-time {
margin-left: 0;
}
}
Expand Down Expand Up @@ -952,18 +920,6 @@ class EmbeddedTemplate extends Component<typeof Account> {
</div>
</article>

<article>
<label>NEXT STEPS</label>
<div class='next-steps-display'>
{{! TODO: Add activity tasks after lucas pr go in }}
<EntityIconDisplay @title='--'>
<:icon>
<CalendarTime />
</:icon>
</EntityIconDisplay>
</div>
</article>

<article>
<label>PRIORITY TASKS</label>
{{#if this.activeTasks.isLoading}}
Expand Down Expand Up @@ -1318,7 +1274,6 @@ interface AccountPageLayoutArgs {
Blocks: {
header: [];
summary: [];
activities: [];
tasks: [];
};
Element: HTMLElement;
Expand All @@ -1329,7 +1284,6 @@ class AccountPageLayout extends GlimmerComponent<AccountPageLayoutArgs> {
<div class='account-page-layout' ...attributes>
{{yield to='header'}}
{{yield to='summary'}}
{{yield to='activities'}}
{{yield to='tasks'}}
</div>

Expand Down

0 comments on commit 058905f

Please sign in to comment.