Update achievements

src/components/achievements/AchievementBadgeView.tsx

@@ -1,7 +1,7 @@
 import { AchievementData } from '@nitrots/nitro-renderer';
 import { FC } from 'react';
-import { AchievementUtilities } from '../../../api';
+import { AchievementUtilities } from '../../api';
-import { BaseProps, LayoutBadgeImageView } from '../../../common';
+import { BaseProps, LayoutBadgeImageView } from '../../common';
 
 interface AchievementBadgeViewProps extends BaseProps<HTMLDivElement>
 {

src/components/achievements/AchievementCategoryView.tsx

@@ -1,7 +1,7 @@
 import { FC, useEffect } from 'react';
-import { AchievementCategory } from '../../../api';
+import { AchievementCategory } from '../../api';
-import { Column } from '../../../common';
+import { Column } from '../../common';
-import { useAchievements } from '../../../hooks';
+import { useAchievements } from '../../hooks';
 import { AchievementDetailsView } from './AchievementDetailsView';
 import { AchievementListView } from './achievement-list';
 

src/components/achievements/AchievementDetailsView.tsx

@@ -1,7 +1,7 @@
 import { AchievementData } from '@nitrots/nitro-renderer';
 import { FC } from 'react';
-import { AchievementUtilities, LocalizeBadgeDescription, LocalizeBadgeName, LocalizeText } from '../../../api';
+import { AchievementUtilities, LocalizeBadgeDescription, LocalizeBadgeName, LocalizeText } from '../../api';
-import { Column, Flex, LayoutCurrencyIcon, LayoutProgressBar, Text } from '../../../common';
+import { Column, Flex, LayoutCurrencyIcon, LayoutProgressBar, Text } from '../../common';
 import { AchievementBadgeView } from './AchievementBadgeView';
 
 interface AchievementDetailsViewProps

src/components/achievements/AchievementsView.tsx

@@ -1,4 +1,5 @@
-import {
+import
+{
     AddLinkEventTracker,
     ILinkEventTracker,
     RemoveLinkEventTracker,
@@ -8,8 +9,8 @@ import { AchievementUtilities, LocalizeText } from '../../api';
 import { Column, LayoutImage, LayoutProgressBar, Text } from '../../common';
 import { useAchievements } from '../../hooks';
 import { NitroCard } from '../../layout';
-import { AchievementCategoryView } from './views/AchievementCategoryView';
+import { AchievementCategoryView } from './AchievementCategoryView';
-import { AchievementsCategoryListView } from './views/category-list/AchievementsCategoryListView';
+import { AchievementsCategoryListView } from './category-list';
 
 export const AchievementsView: FC<{}> = (props) =>
 {
@@ -108,10 +109,8 @@ export const AchievementsView: FC<{}> = (props) =>
                             selectedCategoryCode={selectedCategoryCode}
                             setSelectedCategoryCode={setSelectedCategoryCode}
                         />
-                        <Column
+                        <div
-                            className="!flex-grow"
+                            className="flex flex-col justify-end flex-grow gap-1"
-                            gap={1}
-                            justifyContent="end"
                         >
                             <Text center small>
                                 {LocalizeText(
@@ -132,7 +131,7 @@ export const AchievementsView: FC<{}> = (props) =>
                                     ]
                                 )}
                             />
-                        </Column>
+                        </div>
                     </>
                 )}
                 {selectedCategory && (

src/components/achievements/achievement-list/AchievementListItemView.tsx

@@ -1,7 +1,7 @@
 import { AchievementData } from '@nitrots/nitro-renderer';
 import { FC } from 'react';
-import { LayoutGridItem } from '../../../../common';
+import { LayoutGridItem } from '../../../common';
-import { useAchievements } from '../../../../hooks';
+import { useAchievements } from '../../../hooks';
 import { AchievementBadgeView } from '../AchievementBadgeView';
 
 interface AchievementListItemViewProps

src/components/achievements/achievement-list/AchievementListView.tsx

@@ -1,6 +1,6 @@
 import { AchievementData } from '@nitrots/nitro-renderer';
 import { FC } from 'react';
-import { AutoGrid } from '../../../../common';
+import { AutoGrid } from '../../../common';
 import { AchievementListItemView } from './AchievementListItemView';
 
 interface AchievementListViewProps

src/components/achievements/category-list/AchievementsCategoryListItemView.tsx

@@ -1,6 +1,6 @@
 import { Dispatch, FC, SetStateAction } from 'react';
-import { AchievementUtilities, IAchievementCategory, LocalizeText } from '../../../../api';
+import { AchievementUtilities, IAchievementCategory, LocalizeText } from '../../../api';
-import { LayoutBackgroundImage, LayoutGridItem, Text } from '../../../../common';
+import { LayoutBackgroundImage, LayoutGridItem, Text } from '../../../common';
 
 interface AchievementCategoryListItemViewProps
 {

src/components/achievements/category-list/AchievementsCategoryListView.tsx

@@ -1,6 +1,6 @@
 import { Dispatch, FC, SetStateAction } from 'react';
-import { IAchievementCategory } from '../../../../api';
+import { IAchievementCategory } from '../../../api';
-import { AutoGrid } from '../../../../common';
+import { AutoGrid } from '../../../common';
 import { AchievementsCategoryListItemView } from './AchievementsCategoryListItemView';
 
 interface AchievementsCategoryListViewProps

src/components/achievements/index.ts

@@ -1,5 +1,6 @@
-export * from './achievement-list';
 export * from './AchievementBadgeView';
 export * from './AchievementCategoryView';
 export * from './AchievementDetailsView';
+export * from './AchievementsView';
+export * from './achievement-list';
 export * from './category-list';