Commit Graph

383 Commits

Author SHA1 Message Date
Rishabh
a10c244e7c Updated member count to use total across pagination
refs https://github.com/TryGhost/Team/issues/1695

- member count was using total comments of current page than all comments across
2022-07-28 00:22:43 +05:30
Rishabh
91d3864126 v0.2.3 2022-07-27 21:17:37 +05:30
Rishabh
8078c4a495 v0.2.2 2022-07-27 19:38:38 +05:30
James Morris
b444500f45 A few dark mode tweaks to make sure it looks nice
refs https://github.com/TryGhost/Team/issues/1703
2022-07-27 14:28:56 +01:00
James Morris
3dd1cb026a Added a truncation for mobile for the comments title 2022-07-27 14:22:45 +01:00
James Morris
c69409cbac Updated the included comment count to be dynamic
- Before it was static, with an X, but now using the variable available
- Do note, this doesn't seem to be showing the right number

refs https://github.com/TryGhost/Team/issues/1695
2022-07-27 14:03:50 +01:00
James Morris
ffabb79703 Added in the title and comments into the Comments repo, rather than in be in the theme only
refs https://github.com/TryGhost/Team/issues/1695
2022-07-27 14:00:20 +01:00
James Morris
457406a86b Added in a cancel button for when replying
refs https://github.com/TryGhost/Team/issues/1703
2022-07-27 13:39:09 +01:00
James Morris
14dedbf95a Brought the pagination style inline with the reply one
refs https://github.com/TryGhost/Team/issues/1703
2022-07-27 13:35:35 +01:00
James Morris
1ff7b15a50 Subtle fade in for comments on render and pagination
refs https://github.com/TryGhost/Team/issues/1703
2022-07-27 11:49:17 +01:00
James Morris
9bd258b461 Commented out Bio stuff for now until it can be wired up
- Please note the commenting out of code here
- We want to put this back in when Bio is available

refs: https://github.com/TryGhost/Team/issues/1716
2022-07-27 11:39:11 +01:00
James Morris
8b4b838547 Tweaking up the form shadow with some subtle hover state
- Added in a shadow hover state for the form but has to be subtle to not show cutoff

refs https://github.com/TryGhost/Team/issues/1703
2022-07-27 10:46:09 +01:00
James Morris
83928a8965 Removed the testing text for bio
refs https://github.com/TryGhost/Team/issues/1716
2022-07-27 10:24:31 +01:00
Djordje Vlaisavljevic
a4fe453bfa Fixed CTA spacing in empty state
refs #1704
2022-07-27 11:15:48 +02:00
Rishabh
c1961b30dd Updated to show only single edit box at one time
refs https://github.com/TryGhost/Team/issues/1710

- if a user is already editing/replying a comment, we shouldn't show other text boxes they can edit as it can be generally confusing
2022-07-27 14:36:08 +05:30
Djordje Vlaisavljevic
00f2d455da Updated CTA design
refs #1704
2022-07-27 10:13:52 +02:00
Djordje Vlaisavljevic
db584379fa Updated empty state design
refs #1698
2022-07-27 10:13:36 +02:00
Rishabh
b351e75feb Removed extra comment box when in reply mode
refs https://github.com/TryGhost/Team/issues/1710

- keeps a single comment box when in reply mode, hiding the main comment box outside
2022-07-26 22:55:01 +05:30
James Morris
843a79511f Changed the bio in the comment box to bring up the modal 2022-07-26 18:08:18 +01:00
James Morris
7e4f0bf361 Adding in bio position to comments, change to comment layout, changed up mobile design tweaks, new comment form, no global styles on iframes
- This removes the global styles on the iFrame
- Changes to comment layout for new bio, new position for date and edited tag
- Lots of design tweaks for desktop and mobile

refs https://github.com/TryGhost/Team/issues/1716
2022-07-26 16:22:45 +01:00
James Morris
550d28cc96 Moved the date up to underneath the name and tweaked over bits 2022-07-26 12:44:49 +01:00
James Morris
531e0036b2 Renamed the add name dialog to better suit including bio 2022-07-26 11:47:36 +01:00
James Morris
b1e1d4e23b Aded in a basic Bio field into the Add Name dialog 2022-07-26 11:45:10 +01:00
Rishabh
1eb16692aa v0.2.1 2022-07-26 15:40:34 +05:30
Rishabh
75503279d4 v0.2.0 2022-07-25 22:40:53 +05:30
Rishabh Garg
3314a03a3b Replaced hardcoded css link with styles from config (#2)
refs https://github.com/TryGhost/Team/issues/1719

- the stylesheet link was prev hardcoded in the app, which made it impossible to configure from Ghost
- fetches styles url from the data attribute on script instead, which allows app to load styles based on config upstream
2022-07-25 22:39:23 +05:30
Simon Backx
2e7055622e Fixed reply box redrawing when clicking the button again
refs https://github.com/TryGhost/Team/issues/1710

Was caused by: mouseDown triggered on Reply button -> editor blurred -> editor closed itself -> onClick on reply opened the form again
2022-07-22 17:38:28 +02:00
Simon Backx
3fbb7a6c24 Improved Form stability 2022-07-22 17:26:14 +02:00
Simon Backx
45d3ffcf06 Added proper cleanup functions to Form's useEffect 2022-07-22 17:24:02 +02:00
Simon Backx
6550d1b8cc Fixed add name dialog enter transition 2022-07-22 17:20:55 +02:00
Simon Backx
8544dbb1ba Removed old for attribute and readded appear animation in modals 2022-07-22 17:12:28 +02:00
Simon Backx
fd996da083 Refixed selection and flashing by properly stopping propagation 2022-07-22 17:07:17 +02:00
Simon Backx
e5d6a626bd Fixed selection inside forms 2022-07-22 16:34:05 +02:00
James Morris
34724c991e Tons of added styles to make mobile look better
refs: https://github.com/TryGhost/Team/issues/1712
2022-07-22 15:14:47 +01:00
Simon Backx
e333ecdb85 Fixed flashing when clicking around comment box when open
refs https://github.com/TryGhost/Team/issues/1710
2022-07-22 15:56:05 +02:00
Simon Backx
4bd1181e33 Removed admin auth log 2022-07-22 15:31:27 +02:00
James Morris
b2c7a49398 Removed the unncessary toggle reply prop that was passed
no issue
2022-07-22 13:46:12 +01:00
Simon Backx
c2d49d549c Removed default include from comments browse API call 2022-07-22 14:02:35 +02:00
James Morris
0dab85bfe9 Added in some basic hover to the action buttons
refs https://github.com/TryGhost/Team/issues/1703
2022-07-22 11:26:44 +01:00
James Morris
e1648551bf Improved the dropdowns on mobile
refs https://github.com/TryGhost/Team/issues/1703
2022-07-22 11:12:36 +01:00
James Morris
9f93eb75f5 Better blank avatar in dark mode and hover states for pagination
- The blank avatar needed some work in dark mode and removed bits from svg file
- Added in some hover states for the pagination buttons

refs https://github.com/TryGhost/Team/issues/1703
2022-07-22 11:05:50 +01:00
James Morris
4ab0bdf3b7 Added in conditions to the submit button values to work on mobile
refs https://github.com/TryGhost/Team/issues/1703
2022-07-22 10:54:33 +01:00
James Morris
fa411fdbf2 Fixing up some things with the modals and mobile and other bits
refs https://github.com/TryGhost/Team/issues/1703
2022-07-22 10:44:31 +01:00
James Morris
273c19db45 Fixed up the dropdown text alignments
refs https://github.com/TryGhost/Team/issues/1703
2022-07-22 09:39:27 +01:00
James Morris
2c013b8db0 Added in some responsive design to the Comments modals for mobile
refs https://github.com/TryGhost/Team/issues/1703
2022-07-22 09:35:52 +01:00
Simon Backx
8d41ec360b Skipped waiting for admin authentication
fixes https://github.com/TryGhost/Team/issues/1700

- Admin authentication requests are non blocking now
2022-07-22 09:44:21 +02:00
James Morris
a5af3f47ce Improved the hidden and removed status where it's now hidding name
- Before, this was still showing name and avatar
- This now reverts to a blank avatar image

refs https://github.com/TryGhost/Team/issues/1703
2022-07-21 19:46:53 +01:00
James Morris
59e29f30b0 Fixed the bug where the portal windows open inside the iFrame
refs https://github.com/TryGhost/Team/issues/1706
2022-07-21 18:43:32 +01:00
James Morris
ea643a4847 Added in some error handling and a few other tiny tweaks to Add Name dialog
- Added in some error handling to catch empty names
- Basic checks for trimmed strings
- Subtle transition effects

refs https://github.com/TryGhost/Team/issues/1682
2022-07-21 18:31:58 +01:00
James Morris
47a8386da2 Spacing tweaks to tighten things up based on John's feedback
refs https://github.com/TryGhost/Team/issues/1703
2022-07-21 18:08:30 +01:00
James Morris
16cccc2fcc Added the reply box disappearing properly with the toggle when finished
refs https://github.com/TryGhost/Team/issues/1703
2022-07-21 17:50:23 +01:00
James Morris
b60f0995d9 Added in the toggle so when blurring from reply textbox it'll undo the reply button too
refs https://github.com/TryGhost/Team/issues/1703
2022-07-21 17:50:23 +01:00
James Morris
5466ca2608 Needing more control over the opening and closing of text box so moved some things around
- Note this may look a bit more complicated but I need more control over opening/closing
- Will look to refactor this and make it simpler soon enough

refs https://github.com/TryGhost/Team/issues/1703
2022-07-21 17:50:20 +01:00
Simon Backx
30cd5c278e Fixed More button not toggling context menu 2022-07-21 17:35:24 +02:00
Simon Backx
dcfebd5e5f Fixed generic dialogs closing when clicking inside them 2022-07-21 17:27:58 +02:00
Simon Backx
b262d7010a Fixed closing context menus when clicking outside them
fixes https://github.com/TryGhost/Team/issues/1702
2022-07-21 17:23:35 +02:00
Simon Backx
20f2b26c23 Removed Modal component 2022-07-21 17:00:10 +02:00
Simon Backx
2980e58201 Updated Popup Modals now using global context 2022-07-21 16:59:18 +02:00
James Morris
15b534f7d3 Push some more style tweaks for iFrame but it may need more
- Includes more dynamic styling for negative margins for iFrames
- This may well change again when looking more closely with themes

refs https://github.com/TryGhost/Team/issues/1701
2022-07-21 15:33:04 +01:00
James Morris
dd8715fa46 Moved iFrame comments adjustments
- Moved where the styling is to not mess with modals
- Added in some padding at the top for edit box

refs https://github.com/TryGhost/Team/issues/1701
2022-07-21 14:44:37 +01:00
Simon Backx
f011de6b5b Cleaned up the modals iframe being in DOM when not shown 2022-07-21 15:31:26 +02:00
James Morris
6d19323df2 Quick fix for iFrame, negative margins and padding to retain shadow
refs https://github.com/TryGhost/Team/issues/1701
2022-07-21 14:09:13 +01:00
Simon Backx
866a020072 Fixed scrolling to reply form 2022-07-21 15:03:40 +02:00
Simon Backx
0b8f92ddbe Switched from Shadow DOM back to Iframes
refs https://github.com/TryGhost/Team/issues/1701

The Selection API is missing in Safari in Shadow DOM: https://bugs.webkit.org/show_bug.cgi?id=163921. So we need to move away from it for now.

- Adds a new component: Modal, which makes sure we can style modals using tailwind, while displaying them outside of the main iframe (inside a different iframe that is positioned fixed)
- Updated GenericDialog to use the new Modal component
- Removed ShadowDOM
2022-07-21 14:35:32 +02:00
James Morris
a9c3ef5444 Fixed the quotes back to double for HTML elements
no issue
2022-07-21 13:11:33 +01:00
James Morris
6b4290694b Added in a simple scroll to reply to ensure it's always in view
refs https://github.com/TryGhost/Team/issues/1703
2022-07-21 13:05:23 +01:00
James Morris
e6cacdb2db Moved reply box to bottom and made it autofocus
refs https://github.com/TryGhost/Team/issues/1703
2022-07-21 12:36:54 +01:00
James Morris
64b6dbd3ee Little tweak to how the Add Name dialog box opens from comments
- Now doesn't jump when opening the Add Name dialog box
- Still some minor things to visually tweak on this but it's an improvement

refs https://github.com/TryGhost/Team/issues/1682
2022-07-21 12:04:08 +01:00
James Morris
269bd6506e Smaller UI and UX tweaks from John's feedback
- Increase rounded border size of submit button
- Make cursor be text when editing
- Remove ugly outlines from actions

refs https://github.com/TryGhost/Team/issues/1703
2022-07-21 11:31:12 +01:00
Rishabh
9e06f28bb5 Wired saving member's name for comments
refs https://github.com/TryGhost/Team/issues/1682

- wires member name to be saved from the popup for adding comments
2022-07-21 15:47:51 +05:30
James Morris
a2e3b06548 Basic modal but needs more work
- This modal style is mostly there
- It needs key behaviours to work with React properly
- It triggers only when there isn't a name present
- It doesn't save yet or anything fancy

refs https://github.com/TryGhost/Team/issues/1682
2022-07-20 18:40:04 +01:00
James Morris
360c5f9779 Uncommented the reporting action
refs https://github.com/TryGhost/Team/issues/1685
2022-07-20 17:36:38 +01:00
James Morris
55f650f964 Updated some of the logic for the dropdowns for hidden, etc
refs https://github.com/TryGhost/Team/issues/1693
2022-07-20 17:26:29 +01:00
James Morris
48b4aaf838 Fixed up the loading state with proper positioning and adjusted colours
refs https://github.com/TryGhost/Team/issues/1692
2022-07-20 16:36:15 +01:00
Simon Backx
6eb32599bd Added darkmode support for loading spinner 2022-07-20 17:03:45 +02:00
Simon Backx
28921a8dbf Fixed randomly not loading comments area
refs https://github.com/TryGhost/Team/issues/1696

- Wait for the iframe to load before sending messages to it
- High chance this fixes the issue, but still need to monitor if this was the real cause.
2022-07-20 16:30:28 +02:00
Simon Backx
723b35bfa6 Added CSS support for custom local setup for Safari 2022-07-20 16:03:07 +02:00
Simon Backx
e4c9ecc621 Wired up really basic reply pagination
refs https://github.com/TryGhost/Team/issues/1689

Needs input on https://github.com/TryGhost/Team/issues/1689#issuecomment-1190189896
2022-07-20 14:16:06 +02:00
James Morris
e4d90f7a82 Basic working empty comments that needs further styling
refs https://github.com/TryGhost/Team/issues/1698
2022-07-20 12:58:28 +01:00
James Morris
75ac4dcdc3 Added a dummy reply pagination button ready to wire up
refs https://github.com/TryGhost/Team/issues/1689
2022-07-20 12:31:35 +01:00
Simon Backx
4a4db114f0 Updated loading state to kick in earlier
refs https://github.com/TryGhost/Team/issues/1692

- Moved Loading component to App (so it shows as a placeholder)
- Disabled loading settings from the API (not used for now), to speed up loading
2022-07-20 11:01:30 +02:00
Simon Backx
2657af11f6 Restricted actions for logged in members and paid members
refs https://github.com/TryGhost/Team/issues/1693

- Added a new data attribute to the injected stript tag: `data-comments-enabled`. This contains the commentsEnabled setting, and can be 'all' or 'paid' (when it is off the comments section is never injected).
- Added a new component `<NotPaidBox>`, which is visible when a member is signed in but doesn't have paid access to comment
- Prevented clicking the reply and like buttons when a member doesn't have access
2022-07-20 10:38:21 +02:00
James Morris
dd5a4bb35e Added a member check for showing more menu or not
- This should stop people who are not logged in from showing more menu

refs https://github.com/TryGhost/Team/issues/1693
2022-07-19 17:51:17 +01:00
James Morris
28b566f95a Added a member check for toggling on and off likes
- This should stop people who are not logged in from liking comments

refs https://github.com/TryGhost/Team/issues/1693
2022-07-19 17:45:22 +01:00
James Morris
dce15950cd Added a proper loading component for comments plus a few tweaks
- New loader component for when comments come in
- New spinner used for loader and the report button progress
- We don't seem to have a working loading state to show it though

refs https://github.com/TryGhost/Team/issues/1692
2022-07-19 17:23:02 +01:00
Simon Backx
a1b1dd9dad Fixed appVersion attribute warning 2022-07-19 16:55:47 +02:00
Simon Backx
98486d159b Added temporary working test 2022-07-19 16:46:16 +02:00
James Morris
4b504130d8 Working progress of the button when sending reporting
refs https://github.com/TryGhost/Team/issues/1685
2022-07-19 15:35:32 +01:00
Simon Backx
0424fcd099 Fixed context menus for comment of deleted member 2022-07-19 16:28:33 +02:00
Simon Backx
0da39ddeeb Added support for deleted members' comments
fixes https://github.com/TryGhost/Team/issues/1690
2022-07-19 16:22:09 +02:00
James Morris
6768ae2d55 First version of basic reporting modal
refs https://github.com/TryGhost/Team/issues/1685
2022-07-19 13:05:42 +01:00
Simon Backx
e84b4e5320 Added temporary report functionality without confirmation 2022-07-18 17:36:09 +02:00
Simon Backx
a0eb8af4ac Fixed empty member names in comments
refs https://github.com/TryGhost/Team/issues/1681

Default to 'Anonymous' for members without a name. Still need some UI to ask for a name.
2022-07-18 09:52:03 +02:00
Rishabh
fc3f091e2d 🐛 Fixed internal css leaking outside iframe
refs https://github.com/TryGhost/Team/issues/1675

- the main css file was imported in the root js script, causing it to be included alongside the final minified bundle and get injected outside the iframe.
- the main css is pushed as a separate file outside of bundle and used directly as link inside the iframe instead
2022-07-13 08:19:52 +05:30
Simon Backx
072574ee71 Fixed autofocus cursor position when editing comments 2022-07-12 16:18:26 +02:00
Simon Backx
e002904ce7 v0.1.2 2022-07-12 15:48:50 +02:00
James Morris
e7c2a0bbf6 Little tweak to make the transition work again on the form opening 2022-07-11 16:23:10 +01:00
Peter Zimon
3a5813fbf5 Fixed bug for darkmode
- Fixed a bug for darkmode not being loaded properly
2022-07-11 15:23:20 +02:00
Simon Backx
eea1bf19a1 Moved AuthFrame back to use useEffect 2022-07-08 13:29:04 +02:00
Peter Zimon
08cc74c894 Added sequential load for CSS
- Loading CSS from external source might take time which can result in
content appearing for a split-second without any formatting. To avoid
this, we added a CSS class that hides all content until the CSS is
properly loaded.
2022-07-08 13:28:39 +02:00
Simon Backx
6cb29e434a Fixed reply Form autofocus 2022-07-08 13:24:50 +02:00
Simon Backx
ef84ab2f40 Moved Avatar to new style 2022-07-08 13:21:37 +02:00
Peter Zimon
5f9f05d60e Fixed missing animation
- added animation CSS definitions for heartbeat animation
2022-07-08 13:18:27 +02:00
Peter Zimon
d44571be16 Fixed port for local development
- updated helpers to use port 4000 for local development
2022-07-08 13:16:03 +02:00
Simon Backx
4ac29fc40a Moved NotAuthorContextMenu to newer syntax 2022-07-08 13:14:32 +02:00
Peter Zimon
d89ff82582 Added animation to Like button
- added a heartbeat animation to the Like button for a little delight
2022-07-08 13:13:35 +02:00
Simon Backx
de6ea5aa45 Moved CommentContextMenu to newer syntax 2022-07-08 13:11:02 +02:00
Fabien "egg" O'Carroll
8b72c0ec8d v0.1.1 2022-07-08 13:09:02 +02:00
Fabien "egg" O'Carroll
b7fbd4e74e Setup app to support prod published flow 2022-07-08 13:09:02 +02:00
Simon Backx
aa8b729180 Moved AuthorContextMenu to newer syntax 2022-07-08 13:07:11 +02:00
Simon Backx
65eb942c73 Moved AdminContextMenu to newer style 2022-07-08 13:04:30 +02:00
Simon Backx
250df54a14 Removed onLoad again from useEffect 2022-07-08 13:03:49 +02:00
Simon Backx
54344c218e Fixed useEffect warnings 2022-07-08 12:55:02 +02:00
Simon Backx
99f0038633 Moved Pagination to newer React syntax 2022-07-08 12:49:56 +02:00
Simon Backx
2837f67f97 Updated edit form to set selection to end 2022-07-08 12:34:58 +02:00
James Morris
714ef334a0 Fixed up the reply box no having proper margins 2022-07-08 12:27:44 +02:00
James Morris
7aa4a4a44f Fixed position bugs for when form is with no comments and as edited 2022-07-08 12:21:02 +02:00
Peter Zimon
f1248435ba Fixed spaces not rendered in FF issue 2022-07-08 12:19:13 +02:00
James Morris
d7df229927 Fixed the missing semicolon problem with compiling 2022-07-08 12:13:41 +02:00
James Morris
8893b701b0 Fixed up the margin problem when there are no comments 2022-07-08 12:12:46 +02:00
Peter Zimon
880dc77044 Fix FF outline bug 2022-07-08 12:10:07 +02:00
Peter Zimon
45655fecd3 Updated CTA 2022-07-08 11:59:43 +02:00
James Morris
8fd5c5bb77 Tiny tweaks for alignment for boxes 2022-07-08 11:56:42 +02:00
James Morris
6b8232c637 Fixed up positioning problems 2022-07-08 11:55:48 +02:00
Simon Backx
bc6c1e0470 Added accent color to css variables 2022-07-08 11:47:14 +02:00
Peter Zimon
da21656b14 Added theme variables to context 2022-07-08 11:38:58 +02:00
Simon Backx
1550f582be Added blockquotes 2022-07-08 11:03:19 +02:00
James Morris
9f11eaf547 Refactored edit form down into base form, still needs fixes 2022-07-08 10:50:59 +02:00
Simon Backx
d55ffafb43 Fixed replies hidden if all removed or hidden 2022-07-08 10:49:01 +02:00
Simon Backx
0c8c89c651 Fixed linting warning in Comment component 2022-07-08 10:45:59 +02:00
Simon Backx
ff036bba90 Fixed iframe linting error 2022-07-08 10:45:14 +02:00
Peter Zimon
1fb189cae9 Added accent color 2022-07-08 10:44:18 +02:00
Simon Backx
c677f60f0b Added Tiptap core dependency 2022-07-08 10:43:33 +02:00
Simon Backx
a10c73ac89 Removed Tiptap starter kit from package.json 2022-07-08 10:41:17 +02:00
Simon Backx
8dfb77182e Removed Tailwind classes from comment contents 2022-07-08 10:39:13 +02:00
James Morris
19d2fba350 Combined add and reply form into one and adjusted styles 2022-07-08 10:33:25 +02:00
Simon Backx
10626d9bf7 Added editor to EditForm 2022-07-08 10:24:52 +02:00
James Morris
1a894e3120 Tweaks styles for add form now new editor is in there 2022-07-08 10:13:39 +02:00
Simon Backx
52d96c1bf0 Added editor to replyForm 2022-07-08 10:13:28 +02:00
Simon Backx
a2d5e51c76 Moved editor configuration to separate file 2022-07-08 10:07:43 +02:00
Simon Backx
d9a7062454 Disable editor autofocus 2022-07-08 10:00:32 +02:00
Simon Backx
6f0573ccb0 Added TipTap editor 2022-07-08 09:58:55 +02:00
Peter Zimon
50b7c089f8 Updated colors for textarea 2022-07-08 09:49:43 +02:00
Peter Zimon
200717f779 Making add form width dynamic based on comment count 2022-07-07 17:47:34 +02:00
Peter Zimon
81bb2fb441 More dark mode refinements 2022-07-07 17:39:36 +02:00
Peter Zimon
d0b069d2bb Dark mode refinements 2022-07-07 17:33:26 +02:00
Peter Zimon
3a79597c9a Add form darkmode 2022-07-07 17:23:00 +02:00
Simon Backx
6a11c5ed8d Revert "Added TipTap editor"
This reverts commit f2c1b3397c.
2022-07-07 17:18:40 +02:00
Simon Backx
f2c1b3397c Added TipTap editor 2022-07-07 17:12:24 +02:00
Peter Zimon
7376d5383d Added min width to context menu 2022-07-07 16:39:27 +02:00