add description to activity log page
This commit is contained in:
Sebastian Jambor
parent
60ab6359b7
commit
45826c7ad0
2 changed files with 29 additions and 158 deletions
|
|
@ -1,143 +0,0 @@
|
||||||
[
|
|
||||||
{
|
|
||||||
"timestamp":"2022-12-08T17:12:38Z",
|
|
||||||
"type": "inbound",
|
|
||||||
"path": "/users/admin/inbox",
|
|
||||||
"data": {
|
|
||||||
"@context": "https://www.w3.org/ns/activitystreams",
|
|
||||||
"id": "https://techhub.social/users/crepels#follows/410930/undo",
|
|
||||||
"type": "Undo",
|
|
||||||
"actor": "https://techhub.social/users/crepels",
|
|
||||||
"object": {
|
|
||||||
"id": "https://techhub.social/bba308ce-f0e1-49af-9aa0-30d92e4ff71e",
|
|
||||||
"type": "Follow",
|
|
||||||
"actor": "https://techhub.social/users/crepels",
|
|
||||||
"object": "https://localhost.jambor.dev/users/admin"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"timestamp":"2022-12-08T17:12:38Z",
|
|
||||||
"type": "inbound",
|
|
||||||
"path": "/users/admin/inbox",
|
|
||||||
"data": {
|
|
||||||
"@context": "https://www.w3.org/ns/activitystreams",
|
|
||||||
"id": "https://techhub.social/a5f25e0a-98d6-4e5c-baad-65318cd4d67d",
|
|
||||||
"type": "Follow",
|
|
||||||
"actor": "https://techhub.social/users/crepels",
|
|
||||||
"object": "https://localhost.jambor.dev/users/admin"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"timestamp":"2022-12-08T17:12:38Z",
|
|
||||||
"type": "outbound",
|
|
||||||
"path": "https://techhub.social/users/crepels/inbox",
|
|
||||||
"data": {
|
|
||||||
"@context": "https://www.w3.org/ns/activitystreams",
|
|
||||||
"id": "https://localhost.jambor.dev/users/admin#accepts/follows/29",
|
|
||||||
"type": "Accept",
|
|
||||||
"actor": "https://localhost.jambor.dev/users/admin",
|
|
||||||
"object": {
|
|
||||||
"id": "https://techhub.social/a5f25e0a-98d6-4e5c-baad-65318cd4d67d",
|
|
||||||
"type": "Follow",
|
|
||||||
"actor": "https://techhub.social/users/crepels",
|
|
||||||
"object": "https://localhost.jambor.dev/users/admin"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"timestamp":"2022-12-08T17:12:38Z",
|
|
||||||
"type": "inbound",
|
|
||||||
"path": "/inbox",
|
|
||||||
"data": {
|
|
||||||
"@context": [
|
|
||||||
"https://www.w3.org/ns/activitystreams",
|
|
||||||
{
|
|
||||||
"ostatus": "http://ostatus.org#",
|
|
||||||
"atomUri": "ostatus:atomUri",
|
|
||||||
"inReplyToAtomUri": "ostatus:inReplyToAtomUri",
|
|
||||||
"conversation": "ostatus:conversation",
|
|
||||||
"sensitive": "as:sensitive",
|
|
||||||
"toot": "http://joinmastodon.org/ns#",
|
|
||||||
"votersCount": "toot:votersCount"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"id": "https://techhub.social/users/crepels/statuses/109473290785654613/activity",
|
|
||||||
"type": "Create",
|
|
||||||
"actor": "https://techhub.social/users/crepels",
|
|
||||||
"published": "2022-12-07T16:17:32Z",
|
|
||||||
"to": [
|
|
||||||
"https://localhost.jambor.dev/users/admin"
|
|
||||||
],
|
|
||||||
"cc": [],
|
|
||||||
"object": {
|
|
||||||
"id": "https://techhub.social/users/crepels/statuses/109473290785654613",
|
|
||||||
"type": "Note",
|
|
||||||
"summary": null,
|
|
||||||
"inReplyTo": null,
|
|
||||||
"published": "2022-12-07T16:17:32Z",
|
|
||||||
"url": "https://techhub.social/@crepels/109473290785654613",
|
|
||||||
"attributedTo": "https://techhub.social/users/crepels",
|
|
||||||
"to": [
|
|
||||||
"https://localhost.jambor.dev/users/admin"
|
|
||||||
],
|
|
||||||
"cc": [],
|
|
||||||
"sensitive": false,
|
|
||||||
"atomUri": "https://techhub.social/users/crepels/statuses/109473290785654613",
|
|
||||||
"inReplyToAtomUri": null,
|
|
||||||
"conversation": "tag:techhub.social,2022-12-07:objectId=5564498:objectType=Conversation",
|
|
||||||
"content": "<p><span class=\"h-card\"><a href=\"https://localhost.jambor.dev/@admin\" class=\"u-url mention\">@<span>admin</span></a></span> test</p>",
|
|
||||||
"contentMap": {
|
|
||||||
"en": "<p><span class=\"h-card\"><a href=\"https://localhost.jambor.dev/@admin\" class=\"u-url mention\">@<span>admin</span></a></span> test</p>"
|
|
||||||
},
|
|
||||||
"attachment": [],
|
|
||||||
"tag": [
|
|
||||||
{
|
|
||||||
"type": "Mention",
|
|
||||||
"href": "https://localhost.jambor.dev/users/admin",
|
|
||||||
"name": "@admin@localhost.jambor.dev"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"replies": {
|
|
||||||
"id": "https://techhub.social/users/crepels/statuses/109473290785654613/replies",
|
|
||||||
"type": "Collection",
|
|
||||||
"first": {
|
|
||||||
"type": "CollectionPage",
|
|
||||||
"next": "https://techhub.social/users/crepels/statuses/109473290785654613/replies?only_other_accounts=true&page=true",
|
|
||||||
"partOf": "https://techhub.social/users/crepels/statuses/109473290785654613/replies",
|
|
||||||
"items": []
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"timestamp":"2022-12-08T17:12:38Z",
|
|
||||||
"type": "inbound",
|
|
||||||
"path": "/users/admin/inbox",
|
|
||||||
"data": {
|
|
||||||
"@context": "https://www.w3.org/ns/activitystreams",
|
|
||||||
"id": "https://techhub.social/users/crepels#likes/263597",
|
|
||||||
"type": "Like",
|
|
||||||
"actor": "https://techhub.social/users/crepels",
|
|
||||||
"object": "https://localhost.jambor.dev/users/admin/statuses/109461738015823934"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"timestamp":"2022-12-08T17:12:38Z",
|
|
||||||
"type": "inbound",
|
|
||||||
"path": "/users/admin/inbox",
|
|
||||||
"data": {
|
|
||||||
"@context": "https://www.w3.org/ns/activitystreams",
|
|
||||||
"id": "https://techhub.social/users/crepels#likes/263597/undo",
|
|
||||||
"type": "Undo",
|
|
||||||
"actor": "https://techhub.social/users/crepels",
|
|
||||||
"object": {
|
|
||||||
"id": "https://techhub.social/users/crepels#likes/263597",
|
|
||||||
"type": "Like",
|
|
||||||
"actor": "https://techhub.social/users/crepels",
|
|
||||||
"object": "https://localhost.jambor.dev/users/admin/statuses/109461738015823934"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
@ -1,10 +1,10 @@
|
||||||
import React, { useEffect, useReducer, useRef } from 'react';
|
import React, { useEffect, useReducer, useRef } from 'react';
|
||||||
|
import { FormattedMessage } from 'react-intl';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import Column from 'mastodon/components/column';
|
import Column from 'mastodon/components/column';
|
||||||
import ColumnHeader from 'mastodon/components/column_header';
|
import ColumnHeader from 'mastodon/components/column_header';
|
||||||
import { HotKeys } from 'react-hotkeys';
|
import { HotKeys } from 'react-hotkeys';
|
||||||
|
import DismissableBanner from 'mastodon/components/dismissable_banner';
|
||||||
import dummy_data from './dummy-data.json';
|
|
||||||
|
|
||||||
import ActivityPubVisualization from 'activitypub-visualization';
|
import ActivityPubVisualization from 'activitypub-visualization';
|
||||||
|
|
||||||
|
|
@ -19,7 +19,6 @@ export default function ActivityLog({ multiColumn }) {
|
||||||
default:
|
default:
|
||||||
return state;
|
return state;
|
||||||
}
|
}
|
||||||
// }, dummy_data);
|
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const columnElement = useRef(null);
|
const columnElement = useRef(null);
|
||||||
|
|
@ -46,24 +45,39 @@ export default function ActivityLog({ multiColumn }) {
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<HotKeys handlers={handlers}>
|
<Column bindToDocument={!multiColumn} ref={columnElement} label='Activity Log'>
|
||||||
<Column bindToDocument={!multiColumn} ref={columnElement} label='Activity Log'>
|
<ColumnHeader
|
||||||
<ColumnHeader
|
icon='comments'
|
||||||
icon='comments'
|
title='Activity Log'
|
||||||
title='Activity Log'
|
onClick={() => { columnElement.current.scrollTop() }}
|
||||||
onClick={() => { columnElement.current.scrollTop() }}
|
multiColumn={multiColumn}
|
||||||
multiColumn={multiColumn}
|
/>
|
||||||
/>
|
|
||||||
|
|
||||||
{/* <button onClick={() => navigator.clipboard.writeText(JSON.stringify(logs, null, 2))}>Copy logs</button> */}
|
<DismissableBanner id='activity_log'>
|
||||||
{/* <button onClick={() => dispatch(['reset-logs'])}>Clear logs</button> */}
|
<p>
|
||||||
|
<FormattedMessage
|
||||||
|
id='dismissable_banner.activity_log_information'
|
||||||
|
defaultMessage='Open Mastodon in another tab and interact with another instance (for example, follow an account on another instance). The resulting Activities will be shown here. You can find more information on my {blog}.'
|
||||||
|
values={{
|
||||||
|
blog: <a href='//seb.jambor.dev/' style={{ color: darkMode ? '#8c8dff' : '#3a3bff', textDecoration: 'none' }}>blog</a>,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</p>
|
||||||
|
<p style={{ paddingTop: '5px' }}>
|
||||||
|
<FormattedMessage
|
||||||
|
id='dismissable_banner.activity_log_clear'
|
||||||
|
defaultMessage='Note: Activities will only be logged while this view is open. When you navigate elsewhere, the log will be cleared.'
|
||||||
|
/>
|
||||||
|
</p>
|
||||||
|
</DismissableBanner>
|
||||||
|
|
||||||
|
<HotKeys handlers={handlers}>
|
||||||
<div className={`${darkMode ? 'dark' : ''}`}>
|
<div className={`${darkMode ? 'dark' : ''}`}>
|
||||||
<ActivityPubVisualization logs={logs} />
|
<ActivityPubVisualization logs={logs} />
|
||||||
</div>
|
</div>
|
||||||
|
</HotKeys>
|
||||||
|
|
||||||
</Column>
|
</Column>
|
||||||
</HotKeys>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue