Merge pull request #80 from besscroft/dev

v0.9.1

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 Bess Croft
+Copyright (c) 2024-PRESENT Bess Croft<https://github.com/besscroft>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

components/Masonry.tsx

@@ -11,6 +11,7 @@ import { toast } from 'sonner'
 import { useSearchParams } from 'next/navigation'
 import BlurImage from '~/components/BlurImage'
 import { useButtonStore } from '~/app/providers/button-store-Providers'
+import { FloatButton } from 'antd'
 
 export default function Masonry(props : Readonly<ImageHandleProps>) {
   const { data: pageTotal } = useSWRPageTotalHook(props)
@@ -96,6 +97,7 @@ export default function Masonry(props : Readonly<ImageHandleProps>) {
             </Button>
         }
       </div>
+      <FloatButton.BackTop />
       <MasonryItem />
     </div>
   )

components/MasonryItem.tsx

@@ -7,7 +7,7 @@ import {
 import { useButtonStore } from '~/app/providers/button-store-Providers'
 import { CopyrightType, DataProps, ImageType } from '~/types'
 import { Image, Tabs, Tab, Card, CardHeader, CardBody, CardFooter, Button, Chip, Link, Avatar } from '@nextui-org/react'
-import { Aperture, Camera, Image as ImageIcon, Languages, CalendarDays, X, SunMedium, MoonStar, Copyright, Crosshair, Timer, CircleGauge, Copy } from 'lucide-react'
+import { Aperture, Camera, Image as ImageIcon, Languages, CalendarDays, X, SunMedium, MoonStar, Copyright, Crosshair, Timer, CircleGauge, Copy, Share2 } from 'lucide-react'
 import * as React from 'react'
 import { useTheme } from 'next-themes'
 import { useRouter } from 'next-nprogress-bar'
@@ -27,6 +27,23 @@ export default function MasonryItem() {
     data: MasonryViewData,
   }
 
+  async function handleOnClick() {
+    const url = window.location.origin + (pathname === '/' ? '/preview/' : pathname + '/preview/') + MasonryViewData.id
+    if (navigator.canShare({ url })) {
+      try {
+        await navigator.share({
+          title: MasonryViewData.title,
+          text: MasonryViewData.detail,
+          url: url
+        });
+      } catch (error) {
+        toast.warning('分享发生错误！', { duration: 500 })
+      }
+    } else {
+      toast.warning('您的浏览器不支持！', { duration: 500 })
+    }
+  }
+
   return (
     <Dialog
       defaultOpen={false}
@@ -44,6 +61,16 @@ export default function MasonryItem() {
             <p>{MasonryViewData.title}</p>
           </div>
           <div className="flex items-center space-x-4">
+            <Button
+              isIconOnly
+              variant="shadow"
+              size="sm"
+              aria-label="分享"
+              className="bg-white dark:bg-gray-800"
+              onClick={() => handleOnClick()}
+            >
+              <Share2 size={20}/>
+            </Button>
             <Button
               isIconOnly
               variant="shadow"

style/globals.css

@@ -24,6 +24,10 @@
   display: none;
 }
 
+.ant-float-btn {
+  z-index: 30;
+}
+
 .ant-upload-select {
   display: block !important;
 }