#225: Add share functionality

[BauZee]

Bildschirmaufzeichnung.vom.27.12.2025.22.15.49.webm

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Updated (UTC)
❌ Deployment failed View logs	aura-historia	f376ed8	Dec 28 2025, 05:10 PM

[BauZee]

Feel free to say what can be added/removed. I assume that Reddit can probably be removed?

[bruderj15]

Looks neat. Not quite sure about the styling yet though (the blank white background doesn't really fit the theme imo).

Keep Reddit (it's broken for me though - links dies).

Instead of just sharing product-title and link, consider adding an i18n text ahead. Something along the lines of: "I found this on Aura Historia. It may be interesting for you!"

[BauZee]

Looks neat. Not quite sure about the styling yet though (the blank white background doesn't really fit the theme imo).

Keep Reddit (it's broken for me though - links dies).

Instead of just sharing product-title and link, consider adding an i18n text ahead. Something along the lines of: "I found this on Aura Historia. It may be interesting for you!"

Yes, it's still in draft form and not finished yet. I just wanted to ask about the link options, what we should include and leave out, and get a first impression of how it looks overall. Thanks for the feedback.

[BauZee]

Looks neat. Not quite sure about the styling yet though (the blank white background doesn't really fit the theme imo).

Keep Reddit (it's broken for me though - links dies).

Instead of just sharing product-title and link, consider adding an i18n text ahead. Something along the lines of: "I found this on Aura Historia. It may be interesting for you!"

That's a bug in the library. It generates the URL for me, and the URL has ... /web/submit?url=.... I removed the /web` from it, and then it worked, as you can see in the picture.

But the topic is quite interesting:

Previously, Reddit Share didn't work without /web. Then /web was added in v5.1.1 because the URL wasn't working at the time, and that fixed the problem. (nygardk/react-share#547)

But now it doesn't work with /web again, and we get the “Page not found” error, i.e.,/web/submitis no longer a valid URL on Reddit. Now there is a PR that wants to remove /web again and confirms that/submit(without /web) is the correct URL. BUT: The PR has been open for 9 months and has not been merged.

thje owner says: “I don't have time to check what the correct URL is. I don't want to switch back and forth between releases.” Several devs have been asking for this to be fixed since July, but nothing has happened. It seems like it won't be merged anymore xD (nygardk/react-share#572)

Then I'll have to do it manually.

EDIT (for me later): Downgrading to version 5.1.1 is not possible, as you would also have to downgrade React. However, a (temporary) solution to the problem may be found here: nygardk/react-share#571

[BauZee]

Looks neat. Not quite sure about the styling yet though (the blank white background doesn't really fit the theme imo).

Keep Reddit (it's broken for me though - links dies).

Instead of just sharing product-title and link, consider adding an i18n text ahead. Something along the lines of: "I found this on Aura Historia. It may be interesting for you!"

Another design option would be to adopt the style of the card. Personally, I prefer that to the white, but two glassy layers on top of each other—I'm not quite sure what to make of that. Perhaps one could also consider another position. What do you think?

[lfranke42]

Another design option would be to adopt the style of the card. Personally, I prefer that to the white, but two glassy layers on top of each other—I'm not quite sure what to make of that. Perhaps one could also consider another position. What do you think?

Let's not add another glossy layer on top. Just use the background color we use for the whole page and make it fully opaque.

[BauZee]

Another design option would be to adopt the style of the card. Personally, I prefer that to the white, but two glassy layers on top of each other—I'm not quite sure what to make of that. Perhaps one could also consider another position. What do you think?

Let's not add another glossy layer on top. Just use the background color we use for the whole page and make it fully opaque.

The page does not have a background color set (see styles.css). The landing page has --linear-gradient-main (the color gradient) and the remaining pages ONLY have a background image (the lines, see __root.tsx) and therefore use the browser's default value for the background color.

I'll go with bg-background for now (which corresponds to --color-neutral-50 (light gray). That puts us in line with what Julian says, but it's okay with me for now. (Discussed in Discord, here just for the record.)

[BauZee]

I created a patch for react-share because the RedditShareButton was using the wrong URL (/web/submit instead of /submit).

The patch is located in the patches folder and is automatically applied when you run pnpm install, meaning that you or other developers don't have to change anything yourself.

[BauZee]

The header has z-50. I set it to z-40 here, removed this one thing, and set all text except Reddit to personalized. @lfranke42

[sonarqubecloud]

Quality Gate passed

Issues
4 New issues
0 Accepted issues

Measures
0 Security Hotspots
97.3% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud