@rpg-engine/long-bow 0.8.41 → 0.8.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.8.41",
+  "version": "0.8.43",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/InformationCenter/sections/tutorials/InformationCenterTutorialsSection.tsx

@@ -19,8 +19,8 @@ interface ITutorialsSectionProps {
   tabId: string;
 }
 
-const ITEMS_PER_PAGE = 3;
-const GRID_COLUMNS = 3;
+const ITEMS_PER_PAGE = 4;
+const GRID_COLUMNS = 4;
 
 export const InformationCenterTutorialsSection: React.FC<ITutorialsSectionProps> = ({
   videoGuides,

package/src/components/Item/Cards/ItemInfo.tsx

@@ -1,4 +1,4 @@
-import { IItem, ItemQualityLevel } from '@rpg-engine/shared';
+import { IItem } from '@rpg-engine/shared';
 import React from 'react';
 import styled from 'styled-components';
 import { uiColors } from '../../../constants/uiColors';
@@ -6,7 +6,6 @@ import { uiFonts } from '../../../constants/uiFonts';
 import { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';
 import { ErrorBoundary } from '../Inventory/ErrorBoundary';
 import { EquipmentSlotSpriteByType } from '../Inventory/ItemSlot';
-import { qualityColorHex } from '../Inventory/ItemSlotQuality';
 import { rarityColor } from '../Inventory/ItemSlotRarity';
 
 interface IItemInfoProps {
@@ -197,20 +196,6 @@ const Container = styled.div<{ item: IItem }>`
   width: 18rem;
   position: relative;
 
-  ${({ item }) =>
-    item?.quality && item.quality !== ItemQualityLevel.Normal &&
-    `
-    &::before {
-      content: '★';
-      position: absolute;
-      top: 0.2rem;
-      left: 0.5rem;
-      font-size: 1.2rem;
-      color: ${qualityColorHex(item)};
-      text-shadow: 0 0 3px black;
-    }
-  `}
-
   @media (max-width: 640px) {
     width: 80vw;
   }