feat(pages): add /application/[guildId]/[channelId] (#4)

components/Application/Guilds/Guild/Guild.stories.tsx

@@ -0,0 +1,21 @@
+import { Meta, Story } from '@storybook/react'
+
+import { Guild as Component, GuildProps } from './Guild'
+import { guildExample } from '../../../../cypress/fixtures/guilds/guild'
+
+const Stories: Meta = {
+  title: 'Guild',
+  component: Component
+}
+
+export default Stories
+
+export const Guild: Story<GuildProps> = (arguments_) => {
+  return <Component {...arguments_} />
+}
+Guild.args = {
+  guild: {
+    ...guildExample,
+    defaultChannelId: 1
+  }
+}

components/Application/Guilds/Guild/Guild.test.tsx

@@ -0,0 +1,18 @@
+import { render } from '@testing-library/react'
+
+import { Guild } from './Guild'
+import { guildExample } from '../../../../cypress/fixtures/guilds/guild'
+
+describe('<Guild />', () => {
+  it('should render successfully', () => {
+    const { baseElement } = render(
+      <Guild
+        guild={{
+          ...guildExample,
+          defaultChannelId: 1
+        }}
+      />
+    )
+    expect(baseElement).toBeTruthy()
+  })
+})

components/Application/Guilds/Guild/Guild.tsx

@@ -0,0 +1,35 @@
+import Image from 'next/image'
+
+import { GuildWithDefaultChannelId } from '../../../../models/Guild'
+import { IconLink } from '../../../design/IconLink'
+
+export interface GuildProps {
+  guild: GuildWithDefaultChannelId
+  selected?: boolean
+}
+
+export const Guild: React.FC<GuildProps> = (props) => {
+  const { guild, selected } = props
+
+  return (
+    <IconLink
+      className='mt-2'
+      href={`/application/${guild.id}/${guild.defaultChannelId}`}
+      selected={selected}
+      title={guild.name}
+    >
+      <div className='pl-[6px]'>
+        <Image
+          className='rounded-full'
+          src={
+            guild.icon != null ? guild.icon : '/images/data/guild-default.png'
+          }
+          alt='logo'
+          width={48}
+          height={48}
+          draggable={false}
+        />
+      </div>
+    </IconLink>
+  )
+}

components/Application/Guilds/Guild/index.ts

@@ -0,0 +1 @@
+export * from './Guild'