Cleanup, fix sensitive content overlay

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

index.html

@@ -24,7 +24,7 @@
   </body>
   <script>
     window.BIG_BUFFET_CONFIG = {
-      baseUrl: 'https://pleroma.woodynet.net/',
+      baseUrl: 'https://pl.fediverse.pl/',
       mountPoint: 'bigbuffet',
       styles: ['default', 'generated'],
       icons: {},

src/components/account.tsx

@@ -9,13 +9,14 @@ import VerificationBadge from 'bigbuffet/components/verification-badge';
 import bigBuffetConfig from 'bigbuffet/config';
 import Emojify from 'bigbuffet/features/emoji';
 import ActionButton from 'bigbuffet/features/ui/components/action-button';
+import { useModalsStore } from 'bigbuffet/stores/modals';
 import { getAcct } from 'bigbuffet/utils/accounts';
 
 import type { NormalizedAccount as AccountEntity } from 'pl-hooks';
 
 interface IProfilePopper {
   condition: boolean;
-  wrapper: (children: any) => React.ReactElement<any, any>;
+  wrapper: (children: React.ReactNode) => React.ReactElement<any, any>;
   children: React.ReactNode;
 }
 
@@ -36,7 +37,7 @@ export interface IAccount {
   timestamp?: string;
   timestampUrl?: string;
   withLinkToProfile?: boolean;
-  showEdit?: boolean;
+  showEdit?: string | false;
 }
 
 const Account = ({
@@ -53,6 +54,8 @@ const Account = ({
   const overflowRef = React.useRef<HTMLDivElement>(null);
   const actionRef = React.useRef<HTMLDivElement>(null);
 
+  const { openModal } = useModalsStore();
+
   const username = account ? getAcct(account, bigBuffetConfig.displayFqn) : null;
 
   const renderAction = () => {
@@ -92,6 +95,8 @@ const Account = ({
     </div>
   );
 
+  const openCompareHistoryModal = () => showEdit && openModal('COMPARE_HISTORY', { statusId: showEdit });
+
   return (
     <div data-testid='account' className='account-card__container' ref={overflowRef}>
       <div className='account-card'>
@@ -176,7 +181,13 @@ const Account = ({
                 <>
                   <span>&middot;</span>
 
-                  <Icon className='account-card__account__name__edit-icon' icon='edit' />
+                  <div
+                    onClick={openCompareHistoryModal}
+                    role='button'
+                    tabIndex={0}
+                  >
+                    <Icon className='account-card__account__name__edit-icon' icon='edit' />
+                  </div>
                 </>
               ) : null}
             </div>

src/components/scrollable-list.tsx

@@ -122,7 +122,7 @@ const ScrollableList = React.forwardRef<Virtualizer<any, any>, IScrollableList &
     if (autoloadMore || !hasMore || !onLoadMore) {
       return null;
     } else {
-      const button = <LoadMore className='mt-4' visible={!isLoading} onClick={onLoadMore} />;
+      const button = <LoadMore visible={!isLoading} onClick={onLoadMore} />;
 
       return button;
     }

src/components/status.tsx

@@ -265,7 +265,7 @@ const Status: React.FC<IStatus> = (props) => {
               timestampUrl={actualStatus.url}
               action={accountAction}
               hideActions={!accountAction}
-              showEdit={!!actualStatus.edited_at}
+              showEdit={actualStatus.edited_at ? actualStatus.id : false}
               showAccountHoverCard={hoverable}
               withLinkToProfile={hoverable}
             />
@@ -279,7 +279,7 @@ const Status: React.FC<IStatus> = (props) => {
               style={{ minHeight: actualStatus.sensitive ? Math.max(minHeight, 208) + 12 : undefined }}
             >
               {actualStatus.sensitive && (
-                <SensitiveContentOverlay status={status} ref={overlay} />
+                <SensitiveContentOverlay status={actualStatus} ref={overlay} />
               )}
 
               {actualStatus.event ? <EventPreview status={actualStatus} /> : (

src/features/status/components/detailed-status.tsx

@@ -80,11 +80,8 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
         className='detailed-status__body'
         style={{ minHeight: actualStatus.sensitive ? Math.max(minHeight, 208) + 12 : undefined }}
       >
-        {(actualStatus.sensitive) && (
-          <SensitiveContentOverlay
-            status={status}
-            ref={overlay}
-          />
+        {actualStatus.sensitive && (
+          <SensitiveContentOverlay status={actualStatus} ref={overlay} />
         )}
 
         <div className='detailed-status__content'>