chore: polish whats new timeline

hawtio · Dec 4, 2023 · da0027e · da0027e
1 parent 8a8ddc4
commit da0027e
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 20 deletions.
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import redhatLogo from '../images/redhat_logo.png'
 
 const Footer = () => (
- <div style={{ marginTop: '5rem' }}>
+ <div style={{ backgroundColor: '#e9ecef', marginTop: '5rem' }}>
  <footer style={{ margin: '0 auto', maxWidth: 750, padding: '1.25rem 1rem' }}>
  <div style={{ textAlign: 'center', fontSize: 'small' }}>
  <p>

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -150,31 +150,33 @@ const IndexPage = () => {
  Get Started Now
  </Button>
  </Jumbotron>
+ <hr />
  <Jumbotron background='#fff' textAlign='center'>
- <Row>
- <Col md={12} style={{ textAlign: 'center' }}>
- <h3>What's New?</h3>
- <Timeline
- dataSource={{
- sourceType: 'profile',
- screenName: 'hawtio',
- }}
- options={{
- username: 'hawtio',
- dnt: true,
- chrome: 'noheader nofooter noborders transparent noscrollbar',
- width: 700,
- tweetLimit: 5,
- }}
- onLoad={() => console.log('Timeline is loaded!')}
- />
- </Col>
- </Row>
+ <TwitterTimeline />
  </Jumbotron>
  </Layout>
  )
 }
 
+const TwitterTimeline = () => (
+ <>
+ <h3>What's New?</h3>
+ <Timeline
+ //dataSource={{ sourceType: 'profile', screenName: 'hawtio' }}
+ dataSource={{ sourceType: 'url', url: 'https://twitter.com/hawtio' }}
+ options={{
+ dnt: true,
+ //width: 700,
+ height: 800,
+ tweetLimit: 5,
+ chrome: 'noheader nofooter noborders transparent',
+ }}
+ onLoad={() => console.log('Timeline is loaded!')}
+ renderError={_error => 'Failed to load timelines from @hawtio'}
+ />
+ </>
+)
+
 export default IndexPage
 
 export const Head: React.FC<