Skip to content
This repository has been archived by the owner on Aug 9, 2023. It is now read-only.

Commit

Permalink
refactor: move file
Browse files Browse the repository at this point in the history
  • Loading branch information
D33102 committed Jul 13, 2023
1 parent 3715eca commit d27fceb
Show file tree
Hide file tree
Showing 7 changed files with 227 additions and 175 deletions.
2 changes: 1 addition & 1 deletion src/pages/baan-selection/components/ListBaan.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import Image from 'next/image';
import { convertSize, isAdded } from '../hooks/utility';
import { convertSize, isAdded } from '../utils/utility';
import { IBaan } from '@/types/baan';
const ListBaan = (props: any) => {
return props.baan
Expand Down
4 changes: 2 additions & 2 deletions src/pages/baan-selection/components/SelectedBaan.tsx
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import TrashIcon from '@heroicons/react/24/solid/TrashIcon';
import { SelectedBaanRank } from '../hooks/types';
import { SelectedBaanRank } from '../utils/types';
import Image from 'next/image';
import { BaanSize } from '@/types/baan';
import { convertSize } from '../hooks/utility';
import { convertSize } from '../utils/utility';
const SelectedBaan = (props: any) => {
return (
<div
Expand Down
174 changes: 2 additions & 172 deletions src/pages/baan-selection/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,181 +2,11 @@ import React, { ChangeEvent, useState } from 'react';
import SelectedBaan from './components/SelectedBaan';
import ListBaan from './components/ListBaan';
import { BaanSize, IBaan } from '@/types/baan';
import { SelectedBaanRank } from './hooks/types';
import { SelectedBaanRank } from './utils/types';
import { testBaanData } from './utils/testData';
import FilterButton from './components/FilterButton';
import SearchBar from './components/SearchBar';

const picTest1: string = '/images/rocket.svg'; //Pictures for testing...

const testBaanData: IBaan[] = [
//Test Data
{
id: 0,
name: 'บ้านทรายทอง',
size: BaanSize.Small,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 1,
name: 'บ้านนี้มีรัก',
size: BaanSize.Small,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 2,
name: 'บ้านและสวน',
size: BaanSize.Small,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 3,
name: 'บ้านนอก',
size: BaanSize.Small,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 4,
name: 'บ้านของใคร',
size: BaanSize.Medium,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 5,
name: 'บ้านอะไรก็ไม่รู้',
size: BaanSize.Medium,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 6,
name: 'บ้านบ้าน',
size: BaanSize.Large,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 7,
name: 'บ้าน Pure',
size: BaanSize.Large,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 8,
name: 'บ้าน Dota',
size: BaanSize.Large,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 9,
name: 'บ้าน LOL',
size: BaanSize.ExtraLarge,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 10,
name: 'บ้าน ROV',
size: BaanSize.ExtraLarge,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 11,
name: 'บ้าน ggez',
size: BaanSize.ExtraLarge,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 12,
name: 'บ้าน HON',
size: BaanSize.ExtraExtraLarge,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 13,
name: 'บ้าน F',
size: BaanSize.ExtraExtraLarge,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 14,
name: 'บ้าน U ',
size: BaanSize.ExtraExtraLarge,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
];

const BaanChoosing = () => {
const [input, setInput] = useState<string>(''); //Input in search-baan bar
const [fill, setFill] = useState<BaanSize>(BaanSize._); //Check if the baan size filter is activated in which button
Expand Down
172 changes: 172 additions & 0 deletions src/pages/baan-selection/utils/testData.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,172 @@
import { IBaan, BaanSize } from '@/types/baan';

export const picTest1: string = '/images/rocket.svg'; //Pictures for testing...

export const testBaanData: IBaan[] = [
//Test Data
{
id: 0,
name: 'บ้านทรายทอง',
size: BaanSize.Small,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 1,
name: 'บ้านนี้มีรัก',
size: BaanSize.Small,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 2,
name: 'บ้านและสวน',
size: BaanSize.Small,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 3,
name: 'บ้านนอก',
size: BaanSize.Small,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 4,
name: 'บ้านของใคร',
size: BaanSize.Medium,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 5,
name: 'บ้านอะไรก็ไม่รู้',
size: BaanSize.Medium,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 6,
name: 'บ้านบ้าน',
size: BaanSize.Large,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 7,
name: 'บ้าน Pure',
size: BaanSize.Large,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 8,
name: 'บ้าน Dota',
size: BaanSize.Large,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 9,
name: 'บ้าน LOL',
size: BaanSize.ExtraLarge,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 10,
name: 'บ้าน ROV',
size: BaanSize.ExtraLarge,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 11,
name: 'บ้าน ggez',
size: BaanSize.ExtraLarge,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 12,
name: 'บ้าน HON',
size: BaanSize.ExtraExtraLarge,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 13,
name: 'บ้าน F',
size: BaanSize.ExtraExtraLarge,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
{
id: 14,
name: 'บ้าน U ',
size: BaanSize.ExtraExtraLarge,
imageUrl: picTest1,
description: '',
facebook: '',
ig: '',
igUrl: '',
facebookUrl: '',
},
];
Loading

0 comments on commit d27fceb

Please sign in to comment.