Comments (3)
Oh you're right about that. I somehow skipped over it in the docs; but yeah that is quite cumbersome to use. Thanks anyways!
from react-tweet.
If anyone's interested, the CSS would look like the following. In my specific case, I wanted to hide media and quoted tweets, and also the "Follow" button because the tweets displayed were already people being followed.
.react-tweet-theme > article > div[class^="_root_"],
.react-tweet-theme > article > div[class^="_replies_"],
.react-tweet-theme > article > div > div > div > div {
display: none;
}
I don't think the package should give that fine a control on what to display like the "Follow" button, but I think having the option to hide media and quoted tweets is reasonable.
from react-tweet.
I may not fully understand exactly what you're trying to accomplish, but I believe you'd be able to conditionally render any of the pieces of the Tweet by using the exported partial components. It's buried under a vague "Advanced" heading, but the docs show this approach here.
While that certainly may not be as ergonomic as you're looking for, it seems possible to compose a fully custom rendering of the tweet data to include/exclude whatever pieces you want, or choose to not use any of the provided component parts at all and make it completely unique.
from react-tweet.
Related Issues (20)
- Tweet not found HOT 5
- TypeError: Cannot read properties of undefined (reading 'screen_name') HOT 7
- Question: React Native? HOT 1
- Tweet Not Found HOT 22
- Feature Proposal: Extend functionality to include User profile embedding
- SEO (Google Search Console) -> Video page indexing > Video outside the viewport
- Remix, missing css modules HOT 2
- import error: 'swr' does not contain a default export (imported as 'swr'). HOT 2
- weired tweet.user is undefined
- Improve for Search Engine Optimization HOT 3
- CSS being loaded when `react-tweet` isn't on the page HOT 2
- Question: Available on a CDN? HOT 1
- I have a problem while use this library. Module not found: Error: Can't resolve 'react/jsx-runtime'
- 404 error: https://react-tweet.vercel.app/api/tweet/{tweet_id} HOT 2
- CORS error when calling getTweet HOT 3
- Serialize the tweet to avoid client error
- Nextjs demo app is not running properly HOT 2
- Media container's height should be constrained
- Valid Tweet marked as tombstoned
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 react-tweet.