Update components to typescript

components/SVGIcons/CloseOutline.js → components/SVGIcons/CloseOutline.tsx

@@ -1,4 +1,6 @@
-export default function CloseOutlineSVG({ className, onClick }) {
+import { SVGIconProps } from ".";
+
+export default function CloseOutlineSVG({ className, onClick }: SVGIconProps) {
  return (
  <svg
  xmlns="https://www.w3.org/2000/svg"

components/SVGIcons/EnvelopeOutline.js → components/SVGIcons/EnvelopeOutline.tsx

@@ -1,4 +1,6 @@
-export default function EnvelopeOutlineSVG({ className }) {
+import { SVGIconProps } from ".";
+
+export default function EnvelopeOutlineSVG({ className }: SVGIconProps) {
  return (
  <svg
  xmlns="https://www.w3.org/2000/svg"

components/SVGIcons/HeartOutline.js → components/SVGIcons/HeartOutline.tsx

@@ -1,4 +1,6 @@
-export default function HeartOutlineSVG({ className, onClick }) {
+import { SVGIconProps } from ".";
+
+export default function HeartOutlineSVG({ className, onClick }: SVGIconProps) {
  return (
  <svg
  xmlns="https://www.w3.org/2000/svg"

components/SVGIcons/HeartSolid.js → components/SVGIcons/HeartSolid.tsx

@@ -1,4 +1,6 @@
-export default function HeartSolidSVG({ className, onClick }) {
+import { SVGIconProps } from ".";
+
+export default function HeartSolidSVG({ className, onClick }: SVGIconProps) {
  return (
  <svg
  xmlns="https://www.w3.org/2000/svg"

components/SVGIcons/PlusSolid.js → components/SVGIcons/PlusSolid.tsx

@@ -1,4 +1,6 @@
-export default function PlusSolidSVG({ className }) {
+import { SVGIconProps } from ".";
+
+export default function PlusSolidSVG({ className }: SVGIconProps) {
  return (
  <svg
  xmlns="https://www.w3.org/2000/svg"

components/SVGIcons/RefreshSolid.js → components/SVGIcons/RefreshSolid.tsx

@@ -1,4 +1,6 @@
-export default function RefreshSolidSVG({ className, onClick }) {
+import { SVGIconProps } from ".";
+
+export default function RefreshSolidSVG({ className, onClick }: SVGIconProps) {
  return (
  <svg
  xmlns="https://www.w3.org/2000/svg"

components/SVGIcons/ReplyOutline.js → components/SVGIcons/ReplyOutline.tsx

@@ -1,4 +1,6 @@
-export default function ReplyOutlineSVG({ className, onClick }) {
+import { SVGIconProps } from ".";
+
+export default function ReplyOutlineSVG({ className, onClick }: SVGIconProps) {
  return (
  <svg
  xmlns="https://www.w3.org/2000/svg"

components/SVGIcons/RepostOutline.js → components/SVGIcons/RepostOutline.tsx

@@ -1,4 +1,6 @@
-export default function RepostOutlineSVG({ className, onClick }) {
+import { SVGIconProps } from ".";
+
+export default function RepostOutlineSVG({ className, onClick }: SVGIconProps) {
  return (
  <svg
  xmlns="https://www.w3.org/2000/svg"

components/SVGIcons/TrashOutline.js → components/SVGIcons/TrashOutline.tsx

@@ -1,4 +1,6 @@
-export default function TrashOutlineSVG({ className, onClick }) {
+import { SVGIconProps } from ".";
+
+export default function TrashOutlineSVG({ className, onClick }: SVGIconProps) {
  return (
  <svg
  xmlns="https://www.w3.org/2000/svg"

components/SVGIcons/UserOutline.js → components/SVGIcons/UserOutline.tsx

@@ -1,4 +1,6 @@
-export default function UserOutlineSVG({ className }) {
+import { SVGIconProps } from ".";
+
+export default function UserOutlineSVG({ className }: SVGIconProps) {
  return (
  <svg
  xmlns="https://www.w3.org/2000/svg"

components/SVGIcons/UserSolid.js → components/SVGIcons/UserSolid.tsx

@@ -1,4 +1,6 @@
-export default function UserSolidSVG({ className }) {
+import { SVGIconProps } from ".";
+
+export default function UserSolidSVG({ className }: SVGIconProps) {
  return (
  <svg
  xmlns="https://www.w3.org/2000/svg"

components/SVGIcons/VerifiedSolid.js → components/SVGIcons/VerifiedSolid.tsx

@@ -1,4 +1,6 @@
-export default function VerifiedSolidSVG({ className }) {
+import { SVGIconProps } from ".";
+
+export default function VerifiedSolidSVG({ className }: SVGIconProps) {
  return (
  <svg
  xmlns="https://www.w3.org/2000/svg"

components/SVGIcons/index.js → components/SVGIcons/index.tsx

@@ -1,3 +1,4 @@
+import { MouseEventHandler } from "react";
 import CloseOutlineSVG from "./CloseOutline";
 import EnvelopeOutlineSVG from "./EnvelopeOutline";
 import HeartOutlineSVG from "./HeartOutline";
@@ -11,6 +12,11 @@ import UserOutlineSVG from "./UserOutline";
 import UserSolidSVG from "./UserSolid";
 import VerifiedSolidSVG from "./VerifiedSolid";
 
+export type SVGIconProps = {
+ className: string,
+ onClick?: MouseEventHandler
+}
+
 export {
  CloseOutlineSVG,
  EnvelopeOutlineSVG,