ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #565 from SatsAllDay/share-url

Browse Source 
Dynamic protocol, host for share URLs so they work on localhost and in prod
This commit is contained in:
Keyan 2023-10-20 19:07:46 -05:00 committed by GitHub
commit 01f36184b1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/share.js
View File

@ -3,13 +3,22 @@ import ShareIcon from '../svgs/share-fill.svg'
import copy from 'clipboard-copy' import copy from 'clipboard-copy'
import { useMe } from './me' import { useMe } from './me'
import { useToast } from './toast' import { useToast } from './toast'
import { SSR } from '../lib/constants'
const getShareUrl = (item, me) => {
const path = `/items/${item?.id}${me ? `/r/${me.name}` : ''}`
if (!SSR) {
return `${window.location.protocol}//${window.location.host}${path}`
}
return `https://stacker.news${path}`
}
export default function Share ({ item }) { export default function Share ({ item }) {
const me = useMe() const me = useMe()
const toaster = useToast() const toaster = useToast()
const url = `https://stacker.news/items/${item.id}${me ? `/r/${me.name}` : ''}` const url = getShareUrl(item, me)
return typeof window !== 'undefined' && navigator?.share return !SSR && navigator?.share
? ( ? (
<div className='ms-auto pointer d-flex align-items-center'> <div className='ms-auto pointer d-flex align-items-center'>
<ShareIcon <ShareIcon
@ -57,7 +66,7 @@ export default function Share ({ item }) {
export function CopyLinkDropdownItem ({ item }) { export function CopyLinkDropdownItem ({ item }) {
const me = useMe() const me = useMe()
const toaster = useToast() const toaster = useToast()
const url = `https://stacker.news/items/${item.id}${me ? `/r/${me.name}` : ''}` const url = getShareUrl(item, me)
return ( return (
<Dropdown.Item <Dropdown.Item
onClick={async () => { onClick={async () => {