Comments (8)
@Yeasir0032 Assign the issue so that I can start working on it.
from discord-clone.
@Yeasir0032 do you agree with below solution?
We can upload the image immediately when the user clicks the "create" button, providing a better user experience than uploading the image first and then creating the server by clicking on the "create" button.
from discord-clone.
Actually this is handled with uploadthing
Do check it if you really can do it
from discord-clone.
@Yeasir0032 There are two points below that I want to discuss with you:
-
Showing preview before upload
You are using<UploadDropzone
from"@uploadthing/react"
for handling the whole file selection and upload flow. As per my knowledge after reading its documentation, there is no way to get the currently selected file before uploading it.
Solution - Instead of relying on<UploadDropzone
for image upload flow, we can useuseUploadThing
like here. This way we have full control of the upload flow.
Reference -Discord-Clone/components/file-upload.tsx
Line 51 in d04d67e
-
Showing preview after upload
While we implement a custom image upload flow which can take some time, I can fix showing the uploaded image preview.
Reference -Discord-Clone/components/file-upload.tsx
Line 14 in d04d67e
from discord-clone.
Check issue 10. It is working on to replace upload thing
from discord-clone.
Until new upload service #10 is implemented,
Should I fix Showing preview after upload for the current upload flow?
Or just wait for the new upload service?
from discord-clone.
You can wait
from discord-clone.
<UploadDropzone
component now supports onDrop
prop.
FYI - pingdotgg/uploadthing#809
from discord-clone.
Related Issues (20)
- Design a Login Page HOT 15
- Design a Register User Page HOT 5
- Add a button for server explorer in navigation bar HOT 2
- Feature for auto commenting on a new issue creation
- Auto commenting feature for new PR raised HOT 2
- Augmented Reality (AR) Avatars HOT 2
- Activity Status Indicators HOT 7
- Auto comment on issue and self assign the issue HOT 6
- about us HOT 2
- Automate the task to manually create database structure using supabase migration HOT 3
- Provide scroll bar Smoothness HOT 5
- After Sign in there is a bug HOT 4
- File update HOT 1
- [Feature]: implement codeql ci/cd workflow for `TypeScript` HOT 1
- [feature]: implement PR title checker workflow for conventional commit prefixes HOT 1
- Automated Greeting Comment on Issue Close HOT 1
- Add a "Featured Author" section HOT 2
- feat update: adding labels while creating server HOT 4
- Create a Landing Page for Discord Clone. HOT 10
- [Bug] Unable to redirect to Home Page HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from discord-clone.