better naming

Author: max-schoen-tickaroo

…cle-body/_children/TickarooComponent.jsx …icle-body/_children/TickarooLiveblog.jsxcomponents/chains/article-body/_children/TickarooComponent.jsx renamed to components/chains/article-body/_children/TickarooLiveblog.jsx components/chains/article-body/_children/TickarooComponent.jsx renamed to components/chains/article-body/_children/TickarooLiveblog.jsx

@@ -2,7 +2,7 @@ import { useEffect } from 'react';
 import { useContent } from 'fusion:content'
 import { TIK_USE_SEO } from 'fusion:environment';
 
-const TickarooView = ({ embed }) => {
+const TickarooLiveblogView = ({ embed }) => {
 
   const content = useContent({
     source: TIK_USE_SEO ? 'tickaroo-liveblog' : null,
@@ -61,4 +61,4 @@ const TickarooView = ({ embed }) => {
   </>;
 };
 
-export default TickarooView;
+export default TickarooLiveblogView;

components/chains/article-body/default.jsx

@@ -1,4 +1,4 @@
-import TickarooComponent from './_children/TickarooComponent';
+import TickarooLiveblog from './_children/TickarooLiveblog';
 import PropTypes from 'fusion:prop-types';
 
 function parseArticleItem(item, index, arcSite, phrases, id, customFields) {
@@ -21,7 +21,7 @@ function parseArticleItem(item, index, arcSite, phrases, id, customFields) {
         case 'custom_embed':
             switch (item.subtype) {
                 case 'Tickaroo Liveblog':
-                    return <TickarooComponent key={`${type}_${index}_${key}`} embed={item.embed} />;
+                    return <TickarooLiveblog key={`${type}_${index}_${key}`} embed={item.embed} />;
                 default:
                     return null;
             }

…veblogPowerUp/children/Tickaroo-edit.jsx …werUp/children/TickarooLiveblog-edit.jsxcomponents/features/TickarooLiveblogPowerUp/children/Tickaroo-edit.jsx renamed to components/features/TickarooLiveblogPowerUp/children/TickarooLiveblog-edit.jsx components/features/TickarooLiveblogPowerUp/children/Tickaroo-edit.jsx renamed to components/features/TickarooLiveblogPowerUp/children/TickarooLiveblog-edit.jsx

@@ -34,7 +34,7 @@ const handleSubmit = (liveblogId, themeId) => {
   sendMessage('data', ansCustomEmbed)
 }
 
-const TickarooEdit = () => {
+const TickarooLiveblogEdit = () => {
   const [liveblogId, setLiveblogId] = useState('');
   const [themeId, setThemeId] = useState(TIK_THEMES[0].id);
   useEffect(() => {
@@ -157,4 +157,4 @@ const TickarooEdit = () => {
   );
 };
 
-export default TickarooEdit;
+export default TickarooLiveblogEdit;

…blogPowerUp/children/Tickaroo-search.jsx …rUp/children/TickarooLiveblog-search.jsxcomponents/features/TickarooLiveblogPowerUp/children/Tickaroo-search.jsx renamed to components/features/TickarooLiveblogPowerUp/children/TickarooLiveblog-search.jsx components/features/TickarooLiveblogPowerUp/children/Tickaroo-search.jsx renamed to components/features/TickarooLiveblogPowerUp/children/TickarooLiveblog-search.jsx

@@ -34,7 +34,7 @@ const handleSubmit = (liveblogId, themeId) => {
   sendMessage('data', ansCustomEmbed)
 }
 
-const TickarooSearch = () => {
+const TickarooLiveblogSearch = () => {
   const [liveblogId, setLiveblogId] = useState('');
   const [themeId, setThemeId] = useState(TIK_THEMES[0].id);
   const handleInputChange = (e) => {
@@ -138,4 +138,4 @@ const TickarooSearch = () => {
   );
 };
 
-export default TickarooSearch;
+export default TickarooLiveblogSearch;

…veblogPowerUp/children/Tickaroo-view.jsx …werUp/children/TickarooLiveblog-view.jsxcomponents/features/TickarooLiveblogPowerUp/children/Tickaroo-view.jsx renamed to components/features/TickarooLiveblogPowerUp/children/TickarooLiveblog-view.jsx components/features/TickarooLiveblogPowerUp/children/Tickaroo-view.jsx renamed to components/features/TickarooLiveblogPowerUp/children/TickarooLiveblog-view.jsx

@@ -25,7 +25,7 @@ const parseQueryString = function() {
   }, {})
 }
 
-const TickarooView = () => {
+const TickarooLiveblogView = () => {
 
   useEffect(() => {
     sendMessage('ready', {
@@ -154,4 +154,4 @@ const TickarooView = () => {
     </div></>;
 };
 
-export default TickarooView;
+export default TickarooLiveblogView;

components/features/TickarooLiveblogPowerUp/powerup.jsx

@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react';
 import get from 'lodash.get';
-import TickarooSearch from './children/Tickaroo-search.jsx';
-import TickarooView from './children/Tickaroo-view.jsx';
-import TickarooEdit from './children/Tickaroo-edit.jsx';
+import TickarooLiveblogSearch from './children/TickarooLiveblog-search.jsx';
+import TickarooLiveblogView from './children/TickarooLiveblog-view.jsx';
+import TickarooLiveblogEdit from './children/TickarooLiveblog-edit.jsx';
 
 //This component is the Block that is added to a page
 //and it controls which frame to display based on the URL
@@ -23,9 +23,9 @@ const PowerUpTemplate = () => {
         width: '100%',
       }}
     >
-      {actionID.includes('#SEARCH') && <TickarooSearch />}
-      {actionID.includes('#VIEW') && <TickarooView />}
-      {actionID.includes('#EDIT') && <TickarooEdit />}
+      {actionID.includes('#SEARCH') && <TickarooLiveblogSearch />}
+      {actionID.includes('#VIEW') && <TickarooLiveblogView />}
+      {actionID.includes('#EDIT') && <TickarooLiveblogEdit />}
     </div>
   );
 };