set up boxtype, playersection and dework profile component

MetaFam · Jul 4, 2023 · fa580d1 · fa580d1
1 parent 71c3fa3
commit fa580d1
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 0 deletions.
diff --git a/packages/web/components/Player/PlayerSection.tsx b/packages/web/components/Player/PlayerSection.tsx
@@ -16,6 +16,7 @@ import React, { forwardRef, useMemo } from 'react';
 import { FaTimes } from 'react-icons/fa';
 import { BoxMetadata, BoxType, BoxTypes, createBoxKey } from 'utils/boxTypes';
 
+import { PlayerDework } from './Section/PlayerDework';
 import { PlayerMeTokens } from './Section/PlayerMeToken';
 
 type Props = {
@@ -55,6 +56,8 @@ const PlayerSectionInner: React.FC<
       return <PlayerCompletedQuests {...{ player, isOwnProfile, editing }} />;
     case BoxTypes.PLAYER_METOKENS:
       return <PlayerMeTokens {...{ player, isOwnProfile, editing }} />;
+    case BoxTypes.DEWORK:
+      return <PlayerDework {...{ player, isOwnProfile, editing }} />;
     case BoxTypes.EMBEDDED_URL: {
       const { url } = metadata ?? {};
       return url ? <EmbeddedUrl {...{ url, editing }} /> : null;

diff --git a/packages/web/components/Player/Section/PlayerDework.tsx b/packages/web/components/Player/Section/PlayerDework.tsx
@@ -0,0 +1,22 @@
+import { Text, Wrap } from '@metafam/ds';
+import { ProfileSection } from 'components/Section/ProfileSection';
+import { Player } from 'graphql/autogen/types';
+import React from 'react';
+
+type Props = {
+  player: Player;
+  isOwnProfile?: boolean;
+  editing?: boolean;
+};
+
+export const PlayerDework: React.FC<Props> = ({
+  player,
+  isOwnProfile,
+  editing,
+}) => (
+  <ProfileSection title="MeToken" {...{ isOwnProfile, editing }}>
+    <Wrap mb={4} justify="center">
+      <Text>Dework Profile</Text>
+    </Wrap>
+  </ProfileSection>
+);
diff --git a/packages/web/components/Player/Section/config.ts b/packages/web/components/Player/Section/config.ts
@@ -20,6 +20,7 @@ export const ALL_BOXES = [
   BoxTypes.PLAYER_COMPLETED_QUESTS,
   BoxTypes.CUSTOM_TEXT,
   BoxTypes.PLAYER_METOKENS,
+  BoxTypes.DEWORK,
   // BoxTypes.PLAYER_ACHIEVEMENTS,
   // TODO: Add more types of sections
 ];

diff --git a/packages/web/utils/boxTypes.ts b/packages/web/utils/boxTypes.ts
@@ -14,6 +14,7 @@ export const BoxTypes = {
   PLAYER_ROLES: 'player-roles',
   PLAYER_COMPLETED_QUESTS: 'completed-quests',
   PLAYER_METOKENS: 'meToken',
+  DEWORK: 'dework',
   // Guild Profile Boxes
   GUILD_HERO: 'guild-hero',
   GUILD_SKILLS: 'guild-skills',