add default values

packages/app/src/components/TagCloudBox.tsx

@@ -10,19 +10,20 @@ type Tags = {
 }
 
 type Props = {
-  tags:Tags[];
+  tags:Tags[],
+  minSize?: number,
+  maxSize?: number,
 }
 
 const MIN_FONT_SIZE = 12;
 const MAX_FONT_SIZE = 36;
 
 const TagCloudBox: FC<Props> = (props:Props) => {
-
   return (
     <>
       <TagCloud
-        minSize={MIN_FONT_SIZE}
-        maxSize={MAX_FONT_SIZE}
+        minSize={props.minSize || MIN_FONT_SIZE}
+        maxSize={props.maxSize || MAX_FONT_SIZE}
         tags={props.tags.map((tag) => {
           return { value: tag.name, count: tag.count };
         })}

packages/app/src/components/TagsList.jsx

@@ -70,7 +70,7 @@ class TagsList extends React.Component {
     return (
       <div className="row text-center">
         <div className="col-12 mb-5 px-5">
-          <TagCloudBox tags={this.state.tagData} />
+          <TagCloudBox tags={this.state.tagData} minSize={20} />
         </div>
         <div className="col-12 tag-list">
           <ul className="list-group text-left">