migrate placeholders to ts

Author: medyo

src/cards/ProductHuntCard.js

@@ -8,7 +8,7 @@ import PreferencesContext from '../preferences/PreferencesContext'
 import CardLink from '../components/CardLink'
 import CardItemWithActions from '../components/CardItemWithActions'
 import producthuntApi from '../services/producthunt'
-import ProductHuntPlaceholder from '../components/ProductHuntPlaceholder'
+import { ProductHuntPlaceholder } from '../components/placeholders'
 import { Attributes } from 'src/lib/analytics'
 
 const ProductItem = ({ item, index }) => {

src/components/ListComponent.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react'
 import CarbonAd from '../features/carbonAds/components/CarbonAd'
-import Placeholder from './Placeholder'
+import { Placeholder } from 'src/components/placeholders'
 
 function ListComponent({ fetchData, refresh, renderItem, withAds, placeholder = <Placeholder /> }) {
   const [items, setItems] = useState([])

src/components/Placeholder.js …/components/placeholders/Placeholder.tsxsrc/components/Placeholder.js renamed to src/components/placeholders/Placeholder.tsx src/components/Placeholder.js renamed to src/components/placeholders/Placeholder.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-function Placeholder() {
+export const Placeholder = () => {
   return (
     <div className="cardPlaceholder">
       <span className="line"></span>
@@ -13,5 +13,3 @@ function Placeholder() {
     </div>
   )
 }
-
-export default Placeholder

src/components/ProductHuntPlaceholder.js …/placeholders/ProductHuntPlaceholder.tsxsrc/components/ProductHuntPlaceholder.js renamed to src/components/placeholders/ProductHuntPlaceholder.tsx src/components/ProductHuntPlaceholder.js renamed to src/components/placeholders/ProductHuntPlaceholder.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-function ProductHuntPlaceholder() {
+export const ProductHuntPlaceholder = () => {
   return (
     <div className="cardPlaceholder mediaCardPlaceholder">
       <span className="media" />
@@ -16,5 +16,3 @@ function ProductHuntPlaceholder() {
     </div>
   )
 }
-
-export default ProductHuntPlaceholder

src/components/placeholders/index.ts

@@ -0,0 +1,2 @@
+export * from "./Placeholder"
+export * from "./ProductHuntPlaceholder"