import { NgModule } from '@angular/core';
import { SharedModule } from '../shared/shared.module';
import {
  PaginationModule,
  GithubButtonModule,
  LoadingModule
} from '../component';
import { FileSizePipe } from '../component/file-upload/file-size.pipe';
import { BaseLayoutModule } from '../layouts';

import { PagesRoutingModule } from './pages.routing';
import { UserModule } from './user/user.module';
import { PagesComponent } from './pages.component';
import { AboutComponent } from './about/about.component';
import { ContactComponent } from './contact/contact.component';
import { ServicesComponent } from './services/services.component';

import { BlogComponent } from './blog/blog.component';
import { BlogArticleComponent } from './blog/article/article.component';
import { BlogService } from './blog/blog.grahql';

import { ProfileComponent } from './profile/profile.component';
import { FileManagerComponent } from './file-manager/file-manager.component';
import { FileManagerFirebase } from './file-manager/file-manager.firebase';
import { FileManagerService } from './file-manager/file-manager.service';
import { ProjectComponent } from './project/project.component';

import { GraphQLModule } from '../shared/graphql.module';

@NgModule({
  imports: [
    SharedModule,
    PaginationModule,
    PagesRoutingModule,
    BaseLayoutModule,
    GithubButtonModule,
    LoadingModule,
    GraphQLModule,
    UserModule
  ],
  declarations: [
    PagesComponent,
    AboutComponent,
    ContactComponent,
    ServicesComponent,
    BlogComponent,
    BlogArticleComponent,
    ProfileComponent,
    FileManagerComponent,
    ProjectComponent,
    FileSizePipe
  ],
  providers: [FileManagerFirebase, FileManagerService, BlogService]
})
export class PagesModule {}