client: expiration styling improvements

client/components/badges/expiration-badge/index.tsx

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 
 const ExpirationBadge = ({
     postExpirationDate,
-    onExpires
+    // onExpires
 }: {
     postExpirationDate: Date | string | null
     onExpires?: () => void
@@ -33,14 +33,14 @@ const ExpirationBadge = ({
         return timeUntilString && timeUntilString === "in 0 seconds"
     }, [timeUntilString])
 
-    useEffect(() => {
-        // check if expired every 
-        if (isExpired) {
-            if (onExpires) {
-                onExpires();
-            }
-        }
-    }, [isExpired, onExpires])
+    // useEffect(() => {
+    //     // check if expired every 
+    //     if (isExpired) {
+    //         if (onExpires) {
+    //             onExpires();
+    //         }
+    //     }
+    // }, [isExpired, onExpires])
 
     if (!expirationDate) {
         return null;

client/components/post-page/index.tsx

@@ -94,12 +94,11 @@ const PostPage = ({ post }: Props) => {
                             }}>
                             <VisibilityBadge visibility={post.visibility} />
                             <CreatedAgoBadge createdAt={post.createdAt} />
-                            <ExpirationBadge onExpires={onExpires} postExpirationDate={post.expiresAt} />
+                            <ExpirationBadge postExpirationDate={post.expiresAt} />
                         </ButtonGroup>
                     </span>
                     <span className={styles.buttons}>
-                        {/* If it hasn't expired, the badge can be too long */}
-                        <ButtonGroup vertical={isMobile || (post.expiresAt && !isExpired) ? true : false}>
+                        <ButtonGroup vertical={true}>
                             <Button auto onClick={download} icon={<Archive />}>
                                 Download as ZIP archive
                             </Button>

client/pages/expired.tsx

@@ -8,7 +8,7 @@ const Expired = () => {
             <Header />
             <Page.Content className={styles.main}>
                 <Note type="error" label={false}>
-                    <Text h4>Error: The drift you&apos;re trying to view has expired.</Text>
+                    <Text h4>Error: The Drift you&apos;re trying to view has expired.</Text>
                 </Note>
 
             </Page.Content>