diff --git a/package.json b/package.json index 2dc4fd6..6531ac1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "tweries-app", - "version": "1.7.9", + "version": "1.7.10", "private": true, "description": "Tweries, a tweet-storm-helper app that breaks up a long paragraph into multiple tweets.", "dependencies": { diff --git a/src/components/Footer/__snapshots__/Footer.test.js.snap b/src/components/Footer/__snapshots__/Footer.test.js.snap index b338839..753d1da 100644 --- a/src/components/Footer/__snapshots__/Footer.test.js.snap +++ b/src/components/Footer/__snapshots__/Footer.test.js.snap @@ -38,7 +38,7 @@ exports[`Footer to match snapshot 1`] = ` v 1.0.0-beta.1 © - 2020 + 2022
diff --git a/src/components/Form/Form.js b/src/components/Form/Form.js index 49a4bd1..a68824d 100644 --- a/src/components/Form/Form.js +++ b/src/components/Form/Form.js @@ -1,8 +1,8 @@ import PropTypes from 'prop-types'; import React from 'react'; import { MAX_LENGTH } from '../../constants'; +import ReplyToTweet from '../../containers/ReplyToTweet/ReplyToTweet'; import Counter from '../Counter/Counter'; -import ReplyToTweet from '../ReplyToTweet/ReplyToTweet'; import Textarea from '../Textarea/Textarea'; import TweetstormButton from '../TweetstormButton/TweetstormButton'; diff --git a/src/components/Form/Form.test.js b/src/components/Form/Form.test.js index ebeb83b..c7be129 100644 --- a/src/components/Form/Form.test.js +++ b/src/components/Form/Form.test.js @@ -1,11 +1,11 @@ import { fireEvent, render } from '@testing-library/react'; import React from 'react'; -import ReplyToTweet from '../ReplyToTweet/ReplyToTweet'; +import ReplyToTweet from '../../containers/ReplyToTweet/ReplyToTweet'; import TweetstormButton from '../TweetstormButton/TweetstormButton'; import Form from './Form'; -jest.mock('../../components/ReplyToTweet/ReplyToTweet'); -jest.mock('../../components/TweetstormButton/TweetstormButton'); +jest.mock('../../containers/ReplyToTweet/ReplyToTweet'); +jest.mock('../TweetstormButton/TweetstormButton'); describe('', () => { beforeEach(() => { diff --git a/src/containers/Playground/Playground.css b/src/containers/Playground/Playground.css new file mode 100644 index 0000000..97d67d4 --- /dev/null +++ b/src/containers/Playground/Playground.css @@ -0,0 +1,10 @@ +.Playground { + display: flex; + flex-direction: column; + margin: 32px; + width: 512px; +} + +.Playground pre { + margin-top: 32px; +} diff --git a/src/containers/Playground/Playground.js b/src/containers/Playground/Playground.js new file mode 100644 index 0000000..f7012b6 --- /dev/null +++ b/src/containers/Playground/Playground.js @@ -0,0 +1,30 @@ +import React from 'react'; +import { useAuth0 } from '../../react-auth0-wrapper'; +import ReplyToTweet from '../ReplyToTweet/ReplyToTweet'; +import './Playground.css'; + +function Playground() { + const { user } = useAuth0(); + + const tweetUrl = 'https://twitter.com/mattiaerre/status/1256370963622629376'; + + return ( +userId: {user.sub}
+ >
+ ) : (
+ Loading user ...
+ )}
+