From 6302587ef894a3c6d5dc42fd686945d18585993b Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Sun, 11 Jul 2021 23:27:39 -0400
Subject: [PATCH] Add rarity-level view

---
 src/assets/images/infostand/rarity-level.png      | Bin 0 -> 273 bytes
 src/views/shared/Shared.scss                      |   3 ++-
 .../shared/rarity-level/RarityLevelView.scss      |  12 ++++++++++++
 src/views/shared/rarity-level/RarityLevelView.tsx |  13 +++++++++++++
 .../shared/rarity-level/RarityLevelView.types.ts  |   4 ++++
 5 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/images/infostand/rarity-level.png
 create mode 100644 src/views/shared/rarity-level/RarityLevelView.scss
 create mode 100644 src/views/shared/rarity-level/RarityLevelView.tsx
 create mode 100644 src/views/shared/rarity-level/RarityLevelView.types.ts

diff --git a/src/assets/images/infostand/rarity-level.png b/src/assets/images/infostand/rarity-level.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb1278ef84dd547fd09f65247dbf3b3b3ddf26d9
GIT binary patch
literal 273
zcmeAS@N?(olHy`uVBq!ia0vp^DnKm5!3-qrzQ4@^QjEnx?oJHr&dIz4a#+$GeH|GX
zHuiJ>Nn{1`B?5dxT!Hk=P5x_6CU4!d_R_7>rA-FjK{7zWz1JFc0V$4>Aiv=M5WsM+
zd2b|8jI+QavY3H^?=T269?xHq0u;>iba4!^@LzlRF4qACj<&>T?f3uto<C1<v_Ey=
zyUL~K8XYq<Jy?Qw-suvU@rcFsiL{2oZW-wnd6%!YXYDoLo24M_uc~a*IL|ERQmS6o
zq_fjDoOZQ{y%H4IAMn4G&nukSQgyLIsiV#*e~&+BXUaRQ;MsLU#!3QcGlQqApUXO@
GgeCwNr(<yd

literal 0
HcmV?d00001

diff --git a/src/views/shared/Shared.scss b/src/views/shared/Shared.scss
index 6d25a8f2..3fcc657f 100644
--- a/src/views/shared/Shared.scss
+++ b/src/views/shared/Shared.scss
@@ -1,7 +1,8 @@
 @import './avatar-image/AvatarImage';
 @import './badge-image/BadgeImage';
-@import './currency-icon/CurrencyIcon.scss';
+@import './currency-icon/CurrencyIcon';
 @import './furni-image/FurniImageView';
 @import './limited-edition/LimitedEdition';
 @import './pet-image/PetImage';
+@import './rarity-level/RarityLevelView';
 @import './room-previewer/RoomPreviewerView';
diff --git a/src/views/shared/rarity-level/RarityLevelView.scss b/src/views/shared/rarity-level/RarityLevelView.scss
new file mode 100644
index 00000000..adf4624f
--- /dev/null
+++ b/src/views/shared/rarity-level/RarityLevelView.scss
@@ -0,0 +1,12 @@
+.nitro-rarity-level {
+    width: 36px;
+    height: 28px;
+    background: url("../../../assets/images/infostand/rarity-level.png");
+
+    div {
+        line-height: 28px;
+        text-align: center;
+        color: $black;
+        font-weight: bold;
+    }
+}
diff --git a/src/views/shared/rarity-level/RarityLevelView.tsx b/src/views/shared/rarity-level/RarityLevelView.tsx
new file mode 100644
index 00000000..50b3cdc3
--- /dev/null
+++ b/src/views/shared/rarity-level/RarityLevelView.tsx
@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { RarityLevelViewProps } from './RarityLevelView.types';
+
+export const RarityLevelView: FC<RarityLevelViewProps> = props =>
+{
+    const { level = 0 } = props;
+
+    return (
+        <div className="nitro-rarity-level">
+            <div>{ level }</div>
+        </div>
+    );
+}
diff --git a/src/views/shared/rarity-level/RarityLevelView.types.ts b/src/views/shared/rarity-level/RarityLevelView.types.ts
new file mode 100644
index 00000000..e0bc2d80
--- /dev/null
+++ b/src/views/shared/rarity-level/RarityLevelView.types.ts
@@ -0,0 +1,4 @@
+export interface RarityLevelViewProps
+{
+    level: number;
+}