frst-components 0.29.6 → 0.29.8

package/public/customIcons/SmallTrash.tsx

@@ -1,20 +1,20 @@
-import React from 'react'
-
-export const SmallTrash = ({
-  width = '16',
-  height = '16',
-  fill = '#BDBDBD'
-}: {
-  fill?: string
-  width?: string
-  height?: string
-}) => {
-  return (
-    <svg width={width} height={height} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M14.6673 4.06718C14.6673 4.44501 14.369 4.75103 14.0007 4.75103H2.00065C1.63232 4.75103 1.33398 4.44501 1.33398 4.06718C1.33398 3.68935 1.63232 3.38333 2.00065 3.38333H4.37231C4.65898 3.38333 4.91399 3.19527 5.00399 2.9166L5.21399 2.26866C5.39566 1.70961 5.90398 1.3335 6.47898 1.3335H9.51731C10.0923 1.3335 10.6006 1.70961 10.7823 2.26866L10.9923 2.91831C11.0823 3.19698 11.3373 3.38504 11.624 3.38504H13.9956C14.364 3.38504 14.6623 3.69106 14.6623 4.06889L14.6673 4.06718ZM12.8673 6.13924L12.4607 12.4306C12.374 13.6889 11.3473 14.6668 10.1273 14.6668H5.87398C4.65398 14.6668 3.62732 13.6889 3.54065 12.4375L3.13397 6.13924C3.12731 6.05034 3.16064 5.9546 3.22064 5.88622C3.28731 5.81783 3.37397 5.7768 3.46731 5.7768H12.534C12.6273 5.7768 12.714 5.81783 12.7806 5.88622C12.8406 5.9546 12.874 6.05034 12.8673 6.13924ZM7.33398 8.17027C7.33398 7.79415 7.03398 7.48642 6.66732 7.48642C6.30065 7.48642 6.00065 7.79415 6.00065 8.17027V11.5895C6.00065 11.9656 6.30065 12.2734 6.66732 12.2734C7.03398 12.2734 7.33398 11.9656 7.33398 11.5895V8.17027ZM10.0007 8.17027C10.0007 7.79415 9.70065 7.48642 9.33398 7.48642C8.96732 7.48642 8.66732 7.79415 8.66732 8.17027V11.5895C8.66732 11.9656 8.96732 12.2734 9.33398 12.2734C9.70065 12.2734 10.0007 11.9656 10.0007 11.5895V8.17027Z"
-        fill={fill}
-      />
-    </svg>
-  )
-}
+import React from 'react'
+
+export const SmallTrash = ({
+  width = '16',
+  height = '16',
+  fill = '#BDBDBD'
+}: {
+  fill?: string
+  width?: string
+  height?: string
+}) => {
+  return (
+    <svg width={width} height={height} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M14.6673 4.06718C14.6673 4.44501 14.369 4.75103 14.0007 4.75103H2.00065C1.63232 4.75103 1.33398 4.44501 1.33398 4.06718C1.33398 3.68935 1.63232 3.38333 2.00065 3.38333H4.37231C4.65898 3.38333 4.91399 3.19527 5.00399 2.9166L5.21399 2.26866C5.39566 1.70961 5.90398 1.3335 6.47898 1.3335H9.51731C10.0923 1.3335 10.6006 1.70961 10.7823 2.26866L10.9923 2.91831C11.0823 3.19698 11.3373 3.38504 11.624 3.38504H13.9956C14.364 3.38504 14.6623 3.69106 14.6623 4.06889L14.6673 4.06718ZM12.8673 6.13924L12.4607 12.4306C12.374 13.6889 11.3473 14.6668 10.1273 14.6668H5.87398C4.65398 14.6668 3.62732 13.6889 3.54065 12.4375L3.13397 6.13924C3.12731 6.05034 3.16064 5.9546 3.22064 5.88622C3.28731 5.81783 3.37397 5.7768 3.46731 5.7768H12.534C12.6273 5.7768 12.714 5.81783 12.7806 5.88622C12.8406 5.9546 12.874 6.05034 12.8673 6.13924ZM7.33398 8.17027C7.33398 7.79415 7.03398 7.48642 6.66732 7.48642C6.30065 7.48642 6.00065 7.79415 6.00065 8.17027V11.5895C6.00065 11.9656 6.30065 12.2734 6.66732 12.2734C7.03398 12.2734 7.33398 11.9656 7.33398 11.5895V8.17027ZM10.0007 8.17027C10.0007 7.79415 9.70065 7.48642 9.33398 7.48642C8.96732 7.48642 8.66732 7.79415 8.66732 8.17027V11.5895C8.66732 11.9656 8.96732 12.2734 9.33398 12.2734C9.70065 12.2734 10.0007 11.9656 10.0007 11.5895V8.17027Z"
+        fill={fill}
+      />
+    </svg>
+  )
+}

package/public/customIcons/SwitchVoteIcon.tsx

@@ -1,22 +1,22 @@
-import React from 'react'
-import { CSSProperties } from 'react'
-
-export const SwitchVoteIcon = ({
-  style,
-  width = '16',
-  height = '17',
-  stroke = '#444444'
-}: {
-  style?: CSSProperties | undefined
-  width?: string
-  height?: string
-  stroke?: string
-}) => {
-  return (
-  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3.3335 4.36444V7.05746H5.87895" stroke={stroke} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-    <path d="M12.6665 11.5459V8.85284H10.1211" stroke={stroke} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-    <path d="M11.602 6.60864C11.3868 5.96536 11.0211 5.39023 10.5391 4.93691C10.057 4.4836 9.47421 4.16687 8.84513 4.01628C8.21606 3.86569 7.56118 3.88616 6.9416 4.07576C6.32202 4.26536 5.75793 4.61792 5.30198 5.10055L3.3335 7.05748M12.6668 8.85282L10.6983 10.8097C10.2424 11.2924 9.67831 11.6449 9.05873 11.8345C8.43915 12.0241 7.78427 12.0446 7.15519 11.894C6.52612 11.7434 5.94335 11.4267 5.46127 10.9734C4.97919 10.5201 4.61351 9.94493 4.39834 9.30166" stroke={stroke} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-  </svg>
-  )
-}
+import React from 'react'
+import { CSSProperties } from 'react'
+
+export const SwitchVoteIcon = ({
+  style,
+  width = '16',
+  height = '17',
+  stroke = '#444444'
+}: {
+  style?: CSSProperties | undefined
+  width?: string
+  height?: string
+  stroke?: string
+}) => {
+  return (
+  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.3335 4.36444V7.05746H5.87895" stroke={stroke} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+    <path d="M12.6665 11.5459V8.85284H10.1211" stroke={stroke} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+    <path d="M11.602 6.60864C11.3868 5.96536 11.0211 5.39023 10.5391 4.93691C10.057 4.4836 9.47421 4.16687 8.84513 4.01628C8.21606 3.86569 7.56118 3.88616 6.9416 4.07576C6.32202 4.26536 5.75793 4.61792 5.30198 5.10055L3.3335 7.05748M12.6668 8.85282L10.6983 10.8097C10.2424 11.2924 9.67831 11.6449 9.05873 11.8345C8.43915 12.0241 7.78427 12.0446 7.15519 11.894C6.52612 11.7434 5.94335 11.4267 5.46127 10.9734C4.97919 10.5201 4.61351 9.94493 4.39834 9.30166" stroke={stroke} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+  )
+}

package/public/customIcons/TagAlert.tsx

@@ -1,10 +1,10 @@
-export const TagAlert = ({ width = 18, height = 18, color = "#C00F00" }: { width?: number, height?: number, color?: string }) => {
-  return (
-    <svg width={width} height={height} viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
-      <path d="M8.99683 5.57153L8.99683 9.68582" stroke={color} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
-      <ellipse cx="8.99821" cy="12.4283" rx="0.685714" ry="0.685145" fill={color} />
-    </svg>
-
-  )
-}
+export const TagAlert = ({ width = 18, height = 18, color = "#C00F00" }: { width?: number, height?: number, color?: string }) => {
+  return (
+    <svg width={width} height={height} viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+      <path d="M8.99683 5.57153L8.99683 9.68582" stroke={color} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
+      <ellipse cx="8.99821" cy="12.4283" rx="0.685714" ry="0.685145" fill={color} />
+    </svg>
+
+  )
+}

package/public/customIcons/VoteCurrentIcon.tsx

@@ -1,22 +1,22 @@
-import React from 'react'
-import { CSSProperties } from 'react'
-
-export const VoteCurrentIcon = ({
-  style,
-  width = '16',
-  height = '17',
-  stroke = '#444444'
-}: {
-  style?: CSSProperties | undefined
-  width?: string
-  height?: string
-  stroke?: string
-}) => {
-  return (
-    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3.33398 5.05884V8.906H6.97035" stroke="#444444" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-    <path d="M16.6676 15.318V11.4708H13.0312" stroke="#444444" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-    <path d="M15.1461 8.26484C14.8387 7.34587 14.3163 6.52425 13.6276 5.87666C12.939 5.22906 12.1064 4.77659 11.2077 4.56147C10.3091 4.34634 9.37353 4.37557 8.48841 4.64643C7.6033 4.9173 6.79747 5.42096 6.14611 6.11043L3.33398 8.90603M16.6673 11.4708L13.8552 14.2664C13.2038 14.9559 12.398 15.4595 11.5129 15.7304C10.6278 16.0013 9.69223 16.0305 8.79355 15.8154C7.89487 15.6003 7.06235 15.1478 6.37366 14.5002C5.68497 13.8526 5.16257 13.031 4.8552 12.112" stroke="#444444" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-    </svg>
-  )
-}
+import React from 'react'
+import { CSSProperties } from 'react'
+
+export const VoteCurrentIcon = ({
+  style,
+  width = '16',
+  height = '17',
+  stroke = '#444444'
+}: {
+  style?: CSSProperties | undefined
+  width?: string
+  height?: string
+  stroke?: string
+}) => {
+  return (
+    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.33398 5.05884V8.906H6.97035" stroke="#444444" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+    <path d="M16.6676 15.318V11.4708H13.0312" stroke="#444444" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+    <path d="M15.1461 8.26484C14.8387 7.34587 14.3163 6.52425 13.6276 5.87666C12.939 5.22906 12.1064 4.77659 11.2077 4.56147C10.3091 4.34634 9.37353 4.37557 8.48841 4.64643C7.6033 4.9173 6.79747 5.42096 6.14611 6.11043L3.33398 8.90603M16.6673 11.4708L13.8552 14.2664C13.2038 14.9559 12.398 15.4595 11.5129 15.7304C10.6278 16.0013 9.69223 16.0305 8.79355 15.8154C7.89487 15.6003 7.06235 15.1478 6.37366 14.5002C5.68497 13.8526 5.16257 13.031 4.8552 12.112" stroke="#444444" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+    </svg>
+  )
+}

package/public/customIcons/VoteIcon.tsx

@@ -1,41 +1,41 @@
-import React from 'react'
-import { CSSProperties } from 'react'
-
-export const VoteIcon = ({
-  style,
-  width = '16',
-  height = '17',
-  stroke = '#444444'
-}: {
-  style?: CSSProperties | undefined
-  width?: string
-  height?: string
-  stroke?: string
-}) => {
-  return (
-    <svg style={style} width={width} height={height} viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clipPath="url(#clip0_2067_11382)">
-        <path
-          d="M7.9987 14.9192C11.6806 14.9192 14.6654 11.9345 14.6654 8.25257C14.6654 4.57068 11.6806 1.58591 7.9987 1.58591C4.3168 1.58591 1.33203 4.57068 1.33203 8.25257C1.33203 11.9345 4.3168 14.9192 7.9987 14.9192Z"
-          stroke={stroke}
-          strokeWidth="1.2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M11 8.25256L8 5.25256L5 8.25256"
-          stroke={stroke}
-          strokeWidth="1.2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path d="M8 11.2526V5.25256" stroke={stroke} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
-      </g>
-      <defs>
-        <clipPath id="clip0_2067_11382">
-          <rect width="16" height="16" fill="white" transform="translate(0 0.252563)" />
-        </clipPath>
-      </defs>
-    </svg>
-  )
-}
+import React from 'react'
+import { CSSProperties } from 'react'
+
+export const VoteIcon = ({
+  style,
+  width = '16',
+  height = '17',
+  stroke = '#444444'
+}: {
+  style?: CSSProperties | undefined
+  width?: string
+  height?: string
+  stroke?: string
+}) => {
+  return (
+    <svg style={style} width={width} height={height} viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath="url(#clip0_2067_11382)">
+        <path
+          d="M7.9987 14.9192C11.6806 14.9192 14.6654 11.9345 14.6654 8.25257C14.6654 4.57068 11.6806 1.58591 7.9987 1.58591C4.3168 1.58591 1.33203 4.57068 1.33203 8.25257C1.33203 11.9345 4.3168 14.9192 7.9987 14.9192Z"
+          stroke={stroke}
+          strokeWidth="1.2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M11 8.25256L8 5.25256L5 8.25256"
+          stroke={stroke}
+          strokeWidth="1.2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path d="M8 11.2526V5.25256" stroke={stroke} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
+      </g>
+      <defs>
+        <clipPath id="clip0_2067_11382">
+          <rect width="16" height="16" fill="white" transform="translate(0 0.252563)" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}

package/public/customIcons/WarningIcon.tsx

@@ -1,21 +1,21 @@
-import React from 'react'
-
-export const WarningIcon = ({
-    width = '22',
-    height = '22',
-    fill = '#F18624'
-}: {
-    fill?: string
-    width?: string
-    height?: string
-}) => {
-    return (
-        <svg width={width} height={height} viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <rect width={width} height={height} rx="11" fill={fill} />
-            <path
-                d="M9.952 13H11.772V6H9.952V13ZM9.686 14.974C9.686 15.2447 9.784 15.4733 9.98 15.66C10.1853 15.856 10.4653 15.954 10.82 15.954C11.1747 15.954 11.4593 15.856 11.674 15.66C11.898 15.4733 12.01 15.2447 12.01 14.974C12.01 14.7033 11.898 14.4747 11.674 14.288C11.4593 14.1107 11.1747 14.022 10.82 14.022C10.4653 14.022 10.1853 14.1107 9.98 14.288C9.784 14.4747 9.686 14.7033 9.686 14.974Z"
-                fill="#F8FAFC"
-            />
-        </svg>
-    )
-}
+import React from 'react'
+
+export const WarningIcon = ({
+    width = '22',
+    height = '22',
+    fill = '#F18624'
+}: {
+    fill?: string
+    width?: string
+    height?: string
+}) => {
+    return (
+        <svg width={width} height={height} viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <rect width={width} height={height} rx="11" fill={fill} />
+            <path
+                d="M9.952 13H11.772V6H9.952V13ZM9.686 14.974C9.686 15.2447 9.784 15.4733 9.98 15.66C10.1853 15.856 10.4653 15.954 10.82 15.954C11.1747 15.954 11.4593 15.856 11.674 15.66C11.898 15.4733 12.01 15.2447 12.01 14.974C12.01 14.7033 11.898 14.4747 11.674 14.288C11.4593 14.1107 11.1747 14.022 10.82 14.022C10.4653 14.022 10.1853 14.1107 9.98 14.288C9.784 14.4747 9.686 14.7033 9.686 14.974Z"
+                fill="#F8FAFC"
+            />
+        </svg>
+    )
+}

package/public/customIcons/index.ts

@@ -1,12 +1,12 @@
-export { SmallTrash } from './SmallTrash'
-export { TagAlert } from './TagAlert'
-export { CircledCheck } from './CircledCheck'
-export { CircledAlert } from './CircledAlert'
-export { VoteIcon } from './VoteIcon'
-export { ExcludeVoteIcon } from './ExcludeVoteIcon'
-export { VoteCurrentIcon } from './VoteCurrentIcon'
-export { NewVoteIcon } from './newVoteIcon'
-export { CheckIcon } from './CheckIcon'
-export { CloseIcon } from './CloseIcon'
-export { SwitchVoteIcon } from './SwitchVoteIcon'
-export { WarningIcon } from './WarningIcon'
+export { SmallTrash } from './SmallTrash'
+export { TagAlert } from './TagAlert'
+export { CircledCheck } from './CircledCheck'
+export { CircledAlert } from './CircledAlert'
+export { VoteIcon } from './VoteIcon'
+export { ExcludeVoteIcon } from './ExcludeVoteIcon'
+export { VoteCurrentIcon } from './VoteCurrentIcon'
+export { NewVoteIcon } from './newVoteIcon'
+export { CheckIcon } from './CheckIcon'
+export { CloseIcon } from './CloseIcon'
+export { SwitchVoteIcon } from './SwitchVoteIcon'
+export { WarningIcon } from './WarningIcon'

package/public/customIcons/newVoteIcon.tsx

@@ -1,36 +1,36 @@
-import React from 'react'
-
-interface IconsProps {
-    fill?: string
-    stroke?: string
-    customColor_1?: string
-    customColor_2?: string
-    fillOpacity?: string
-    width?: string
-    height?: string
-    active?: boolean
-    strokeWidth?: string
-}
-
-export function NewVoteIcon() {
-    return (
-        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <g clipPath="url(#clip0_80_23523)">
-                <path
-                    d="M7.99967 14.6668C11.6816 14.6668 14.6663 11.6821 14.6663 8.00016C14.6663 4.31826 11.6816 1.3335 7.99967 1.3335C4.31778 1.3335 1.33301 4.31826 1.33301 8.00016C1.33301 11.6821 4.31778 14.6668 7.99967 14.6668Z"
-                    stroke="#222222"
-                    strokeWidth="1.2"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                />
-                <path d="M11 8L8 5L5 8" stroke="#222222" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
-                <path d="M8 11V5" stroke="#222222" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
-            </g>
-            <defs>
-                <clipPath id="clip0_80_23523">
-                    <rect width="16" height="16" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    )
-}
+import React from 'react'
+
+interface IconsProps {
+    fill?: string
+    stroke?: string
+    customColor_1?: string
+    customColor_2?: string
+    fillOpacity?: string
+    width?: string
+    height?: string
+    active?: boolean
+    strokeWidth?: string
+}
+
+export function NewVoteIcon() {
+    return (
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clipPath="url(#clip0_80_23523)">
+                <path
+                    d="M7.99967 14.6668C11.6816 14.6668 14.6663 11.6821 14.6663 8.00016C14.6663 4.31826 11.6816 1.3335 7.99967 1.3335C4.31778 1.3335 1.33301 4.31826 1.33301 8.00016C1.33301 11.6821 4.31778 14.6668 7.99967 14.6668Z"
+                    stroke="#222222"
+                    strokeWidth="1.2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                />
+                <path d="M11 8L8 5L5 8" stroke="#222222" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
+                <path d="M8 11V5" stroke="#222222" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
+            </g>
+            <defs>
+                <clipPath id="clip0_80_23523">
+                    <rect width="16" height="16" fill="white" />
+                </clipPath>
+            </defs>
+        </svg>
+    )
+}

package/public/index.html

@@ -1,43 +1,43 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>

package/public/locales/en-US.json

@@ -1,33 +1,33 @@
-{
-  "globals.clickHere": "Click here",
-  "globals.typeHere": "Type aqui",
-  "globals.edit": "Edit",
-  "globals.toView": "View",
-  "globals.replys": "Answers",
-  "globals.publish": "Publish",
-
-  "calendar.weekdays": ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"],
-  "calendar.monthsInitials": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-  "calendar.title": "Events",
-  "calendar.subtitle": "Schedule yourself below and don't miss any event.",
-  "calendar.card.description": "Select below the module you want to view the events.",
-  "calendar.card.mentoringSchedule": "Mentoring schedule: next",
-  "calendar.card.fullSchedule": "to see your full schedule of events",
-  "calendar.card.joinEvent": "Enter the event",
-  "calendar.notAvailable": "You will soon be able to view your event schedule here.",
-  "calendar.noMoreEvents": "Events closed.",
-
-  "user.card.noProduct": "No product defined",
-  "user.card.status.complete": "Completed",
-  "user.card.status.incomplete": "Incomplete",
-  "user.card.status.enrolled": "Enrolled",
-  "user.card.status.defined": "Defined trail",
-  "user.card.status.error": "Error on sending",
-  "user.card.area": "Area",
-  "user.card.position": "Position",
-  "user.card.current": "Current",
-  "user.card.previus": "Previus",
-  "user.card.assignedLicense": "License assigned",
-  "user.card.definedTrail": "Trail defined",
-  "user.card.enrollments": "Registered"
-}
+{
+  "globals.clickHere": "Click here",
+  "globals.typeHere": "Type aqui",
+  "globals.edit": "Edit",
+  "globals.toView": "View",
+  "globals.replys": "Answers",
+  "globals.publish": "Publish",
+
+  "calendar.weekdays": ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"],
+  "calendar.monthsInitials": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+  "calendar.title": "Events",
+  "calendar.subtitle": "Schedule yourself below and don't miss any event.",
+  "calendar.card.description": "Select below the module you want to view the events.",
+  "calendar.card.mentoringSchedule": "Mentoring schedule: next",
+  "calendar.card.fullSchedule": "to see your full schedule of events",
+  "calendar.card.joinEvent": "Enter the event",
+  "calendar.notAvailable": "You will soon be able to view your event schedule here.",
+  "calendar.noMoreEvents": "Events closed.",
+
+  "user.card.noProduct": "No product defined",
+  "user.card.status.complete": "Completed",
+  "user.card.status.incomplete": "Incomplete",
+  "user.card.status.enrolled": "Enrolled",
+  "user.card.status.defined": "Defined trail",
+  "user.card.status.error": "Error on sending",
+  "user.card.area": "Area",
+  "user.card.position": "Position",
+  "user.card.current": "Current",
+  "user.card.previus": "Previus",
+  "user.card.assignedLicense": "License assigned",
+  "user.card.definedTrail": "Trail defined",
+  "user.card.enrollments": "Registered"
+}

package/public/locales/es.json

@@ -1,34 +1,34 @@
-{
-  "globals.clickHere": "Haga clic aquí",
-  "globals.typeHere": "Escriba aquí",
-  "globals.edit": "Editar",
-  "globals.toView": "Ver",
-  "globals.replys": "Respuestas",
-  "globals.publish": "Publicar",
-
-  "calendar.weekdays": ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"],
-  "calendar.monthsInitials": ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dec"],
-  "calendar.title": "Eventos",
-  "calendar.subtitle": "Programe usted mismo a continuación y no se pierda ningún evento.",
-  "calendar.card.description": "Seleccione a continuación el módulo en el que desea ver los eventos.",
-  "calendar.card.mentoringSchedule": "Horario de tutoría: próximo",
-  "calendar.card.noMoreSchedule": "Horario de tutoría: próximo",
-  "calendar.card.fullSchedule": "para ver su programa completo de eventos",
-  "calendar.card.joinEvent": "Ingresa al evento",
-  "calendar.notAvailable": "Pronto podrás ver el calendario de eventos aquí.",
-  "calendar.noMoreEvents": "Eventos cerrados.",
-
-  "user.card.noProduct": "Ningún producto definido",
-  "user.card.status.complete": "Completo",
-  "user.card.status.incomplete": "Incompleto",
-  "user.card.status.enrolled": "Registrado",
-  "user.card.status.defined": "Camino definido",
-  "user.card.status.error": "error en el envio",
-  "user.card.area": "Área",
-  "user.card.position": "Cargo",
-  "user.card.current": "Actual",
-  "user.card.previus": "Anterior",
-  "user.card.assignedLicense": "Licencia asignada",
-  "user.card.definedTrail": "Módulo definido",
-  "user.card.enrollments": "Registrado"
-}
+{
+  "globals.clickHere": "Haga clic aquí",
+  "globals.typeHere": "Escriba aquí",
+  "globals.edit": "Editar",
+  "globals.toView": "Ver",
+  "globals.replys": "Respuestas",
+  "globals.publish": "Publicar",
+
+  "calendar.weekdays": ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"],
+  "calendar.monthsInitials": ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dec"],
+  "calendar.title": "Eventos",
+  "calendar.subtitle": "Programe usted mismo a continuación y no se pierda ningún evento.",
+  "calendar.card.description": "Seleccione a continuación el módulo en el que desea ver los eventos.",
+  "calendar.card.mentoringSchedule": "Horario de tutoría: próximo",
+  "calendar.card.noMoreSchedule": "Horario de tutoría: próximo",
+  "calendar.card.fullSchedule": "para ver su programa completo de eventos",
+  "calendar.card.joinEvent": "Ingresa al evento",
+  "calendar.notAvailable": "Pronto podrás ver el calendario de eventos aquí.",
+  "calendar.noMoreEvents": "Eventos cerrados.",
+
+  "user.card.noProduct": "Ningún producto definido",
+  "user.card.status.complete": "Completo",
+  "user.card.status.incomplete": "Incompleto",
+  "user.card.status.enrolled": "Registrado",
+  "user.card.status.defined": "Camino definido",
+  "user.card.status.error": "error en el envio",
+  "user.card.area": "Área",
+  "user.card.position": "Cargo",
+  "user.card.current": "Actual",
+  "user.card.previus": "Anterior",
+  "user.card.assignedLicense": "Licencia asignada",
+  "user.card.definedTrail": "Módulo definido",
+  "user.card.enrollments": "Registrado"
+}