urdadx / librelinks Goto Github PK

Drag and drop doesn't work on mobile devices

Add more color themes from DasiyUI themes and add the ability to create a custom theme. Users should also be able to add custom background images or video clips etc

Description

Replace react-hot-toast with Sonner . Sonner aligns more with the design and aesthetic of the site

Screenshots (if applicable)

No response

Checklist

• Checked existing issues
• Willing to contribute (optional)

Add links header for categorizing links

Add page titles and meta tags to each page/route👇

Example:
Admin routes should have a page title of Admin etc etc

The layout of the page abruptly disrupts sometimes

When I click on the button to upload a profile photo, it just shows a toaster notification instead of opening the window to select the image.

Page : https://librelinks.vercel.app/admin/settings

@urdadx I will configure this project with husky with pre-commit hook so that every commit is automatically formatted.

Description

Add an indicator on the tab options to show which page the user is currently on.
You could use a dot as the indicator instead of a line.

Screenshots (if applicable)

It could look something like this 👇

Checklist

• Checked existing issues
• Willing to contribute (optional)

Re-write the URL validation regex

Create OG images for various social media platforms Learn more here

Video on OG images

As an example, I initially added this as a Medium link, but it seems the logo doesn't display. Now, my intention is to transform it into a regular button. If there had been the same toggle button available during the initial link creation, I could have effortlessly made the change. However, I had to manually create a new one and remove the old link.

This scenario isn't unique; at times, individuals might want to convert their social media links into buttons.

First of all, Great work! this is a really good project. But i just can't seem to make the analytics work. I now encountered an issue

data: {
      error: "The pipe 'libre_device_tracking' does not have an endpoint yet",
      documentation: 'https://docs.tinybird.co/api-reference/pipe-api.html'
    }

and i dont understand, do we need to create a data source in tinybird also? or maybe can someone guide me with this analytics?

Thank you

Description

Add the share button to the top-left of the page as illustrated above. When clicked, the button should reveal a modal with options:

1. Copy the link URL
2. Download via QR code

The Modal should look something like this👇 (you can re-use the share-modal component) :

Make it responsive both on mobile and desktop

Screenshots (if applicable)

No response

Checklist

• Checked existing issues
• Willing to contribute (optional)

So i'm trying to change my information and it is working fine but the apply changes toast is not disappearing after the sometime and keeps showing on the website

I would like to solve this issue
Great site by the way

a

Add custom tooltips for charts. The default ones are ugly

The layout of the page abruptly disrupts sometimes

Separate the share modal into two togglable tabs. Use Radix UI Tabs Component for this.

One tab is for sharing by link, and the other by QR code.
Allow the user to download the QR code.

Add the functionality for users to add custom fonts to the page. Use 25 most used Google fonts as basis..More fonts to come soon.

When someone creates a pull request, they currently receive a blank template, which requires them to manually input details like issue numbers and screenshots.

By implementing a pull request template, we can streamline this process. Contributors won't need to think about what to include; they can simply provide the necessary information.

Additionally, we could also consider adding 1-2 issue templates. These would help create clear and tailored issue reports for various purposes.

I would like to work on this

Description

Currently, the truncation method used for bio is not ideal; we need to find a way to display the entire bio to the user.

Proposal: When a user clicks on the three dots, they will be presented with the following interface for desktop and tablets:

For mobile devices, we will use this interface:

Screenshots (if applicable)

On the desktop, it appears as follows:

Meanwhile, on smartphones, it looks like this:

Which is not good in my opinion.

Checklist

• Checked existing issues
• Willing to contribute (optional)

This file could be directly uploaded to the README; there's no need to store it in the repository.

Like I have uploaded this image here.

Write a better nextauth middleware logic. The default one on the nextauth documentation causes issues

Description

When a user visits https://librelinks.vercel.app/Priyanshu, it should automatically redirect them to https://librelinks.vercel.app/priyanshu. Additionally, the system should enforce the rule that usernames cannot contain capital letters, as usernames are treated as links.

For example, on GitHub, https://github.com/PriyansuMaurya and https://github.com/priyansumaurya both lead to the same profile.

Screenshots (if applicable)

Affected Browser

Microsoft Edge

Checklist

• Checked for similar issues
• Willing to work on this issue (optional)

Use uploadthing to handle image storage. The current implementation works by converting the image into a base64 string and then storing that string in the db. This is not efficient.

Description

This is how the mobile version of the links page should appear, but in reality It is not responsive for either tablets or mobile phones.

This is precisely what I would like to fix.

Screenshots (if applicable)

You can also watch a video demonstrating the same here:

Affected Browser

Microsoft Edge

Checklist

• Checked for similar issues
• Willing to work on this issue (optional)

Instead of directing users to https://twitter.com/, why not send a default message when redirecting them? This will increase the chances of sharing it on social media. We should implement this not only for Twitter but also for other social media platforms.

Click on this link: Share on Twitter

We can also use this link to generate a shareable link: https://www.sharelinkgenerator.com/

Description

i dont know where problem someone can help me

Screenshots (if applicable)

Affected Browser

Chrome

Checklist

• Checked for similar issues
• Willing to work on this issue (optional)

Use a drawer like UI for the preview section instead of a dialog modal

.

The first time I logged in via GitHub, today I signed out (just for checking), and I logged back in. Then I encountered this issue: all social media and links were not getting fetched; I could only see the loading skeleton.

This issue occurred both on the actual page and the admin page.

To address this problem, I thought, 'Let's delete the account and create it again.' However, after deleting it, I am now unable to sign up using both GitHub and Google.

Note: I cannot provide more screenshots as I am unable to sign up to demonstrate the issue.

Use loading skeletons instead of spinners on the admin page to simulate delays when loading data. This is more clean and intuitive for the end user.

We can use npm packages like react-loading-skeleton for this or create a custom one.