diff --git a/app/components/activity-timeline.gjs b/app/components/activity-timeline.gjs
new file mode 100644
index 0000000..2cc6985
--- /dev/null
+++ b/app/components/activity-timeline.gjs
@@ -0,0 +1,85 @@
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import { tracked } from '@glimmer/tracking';
+import { on } from '@ember/modifier';
+import Icon from './icon';
+import ActivityZapItem from './activity-zap-item';
+import Modal from './modal';
+import NostrConnect from './nostr-connect';
+import not from 'ember-truth-helpers/helpers/not';
+import eq from 'ember-truth-helpers/helpers/eq';
+import restoreScroll from '../modifiers/restore-scroll';
+
+export default class ActivityTimelineComponent extends Component {
+ @tracked isNostrConnectModalOpen = false;
+
+ @action
+ openNostrConnectModal(event) {
+ event.preventDefault();
+ this.isNostrConnectModalOpen = true;
+ }
+
+ @action
+ closeNostrConnectModal() {
+ this.isNostrConnectModalOpen = false;
+ }
+
+ @action
+ onNostrConnected() {
+ this.closeNostrConnectModal();
+ this.args.onNostrConnected?.();
+ }
+
+
+
+ Connect your Nostr account
+ to see your activity.
+ No activity yet.
+
+
+
+
+ {{#each @items as |item|}}
+ {{#if (eq item.type "zap")}}
+
+ {{/if}}
+