Added user points indicator

front/src/components/Points.tsx

@@ -0,0 +1,24 @@
+import { CSSProperties } from 'react'
+
+type PointsProps = {
+    points?: number
+}
+
+const styles = {
+    container: {
+        paddingBottom: 8,
+    } as CSSProperties,
+    points: {
+        float: 'right',
+    } as CSSProperties,
+}
+
+function Points({ points }: PointsProps) {
+    return (
+        <div style={styles.container}>
+            <h5>Набрано очков: <span style={styles.points}>{points}</span></h5>
+        </div>
+    )
+}
+
+export default Points

front/src/components/index.ts

@@ -10,3 +10,4 @@ export { default as AuthForm } from './AuthForm'
 export { default as BackHeader } from './BackHeader'
 export { default as CategoryPreview } from './CategoryPreview'
 export { default as StoriesPreview } from './StoriesPreview'
+export { default as Points } from './Points'