Skip to content

Commit 895c18d

Browse files
Kael-web7Kael-web7
committed
fix: apply lint and prettier fixes
1 parent 3991ca7 commit 895c18d

File tree

6 files changed

+316
-348
lines changed

6 files changed

+316
-348
lines changed

‎src/app/dashboard-master/CampaignButtons.tsx

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
1-
import React from 'react';
2-
import './CampaignButtons.css';
3-
import { Cinzel } from 'next/font/google';
1+
import React from 'react'
2+
import './CampaignButtons.css'
3+
import { Cinzel } from 'next/font/google'
44

55
const cinzel = Cinzel({
6-
subsets: ['latin'],
7-
weight: ['700'],
8-
});
6+
subsets: ['latin'],
7+
weight: ['700'],
8+
})
99

1010
const CampaignButtons: React.FC = () => {
11-
return (
12-
<div className="botoes-container">
13-
<button className="btn create">CRIAR CAMPANHA</button>
14-
<button className="btn delete">EXCLUIR CAMPANHA</button>
15-
</div>
16-
);
17-
};
11+
return (
12+
<div className='botoes-container'>
13+
<button className='btn create'>CRIAR CAMPANHA</button>
14+
<button className='btn delete'>EXCLUIR CAMPANHA</button>
15+
</div>
16+
)
17+
}
1818

19-
export default CampaignButtons;
19+
export default CampaignButtons

‎src/app/dashboard-master/MainContent.tsx

Lines changed: 95 additions & 97 deletions
Original file line numberDiff line numberDiff line change
@@ -1,111 +1,109 @@
1-
import React from 'react';
2-
import './MainContent.css';
3-
import './CustomScrollbar.css';
1+
import React from 'react'
2+
import './MainContent.css'
3+
import './CustomScrollbar.css'
44

55
const MainContent: React.FC = () => {
6-
return (
7-
<div className="main-content">
8-
<div className="content-card">
9-
<div className="cards-container">
10-
{/* FIRST CARD */}
11-
<div className="inner-card">
12-
<div className="card-header">
13-
<img src="images/rocket.png" alt="Ícone de foguete" className="header-icon" />
14-
<h3 className="header-title">Uma Odisseia no Espaço</h3>
15-
</div>
6+
return (
7+
<div className='main-content'>
8+
<div className='content-card'>
9+
<div className='cards-container'>
10+
{/* FIRST CARD */}
11+
<div className='inner-card'>
12+
<div className='card-header'>
13+
<img src='images/rocket.png' alt='Ícone de foguete' className='header-icon' />
14+
<h3 className='header-title'>Uma Odisseia no Espaço</h3>
15+
</div>
1616

17-
<div className="dashboard-card-content">
18-
<div className="user-section">
19-
<h4>Mestre</h4>
20-
<img src="images/circle.png" alt="Mestre" className="user-avatar" />
17+
<div className='dashboard-card-content'>
18+
<div className='user-section'>
19+
<h4>Mestre</h4>
20+
<img src='images/circle.png' alt='Mestre' className='user-avatar' />
2121

22-
<h4>Jogadores</h4>
23-
<div className="players">
24-
<img src="images/circle.png" alt="Jogador 1" className="user-avatar" />
25-
<img src="images/circle.png" alt="Jogador 2" className="user-avatar" />
26-
<img src="images/circle.png" alt="Jogador 3" className="user-avatar" />
27-
<img src="images/circle.png" alt="Jogador 4" className="user-avatar" />
28-
</div>
29-
</div>
22+
<h4>Jogadores</h4>
23+
<div className='players'>
24+
<img src='images/circle.png' alt='Jogador 1' className='user-avatar' />
25+
<img src='images/circle.png' alt='Jogador 2' className='user-avatar' />
26+
<img src='images/circle.png' alt='Jogador 3' className='user-avatar' />
27+
<img src='images/circle.png' alt='Jogador 4' className='user-avatar' />
28+
</div>
29+
</div>
3030

31-
<div className="divider" />
31+
<div className='divider' />
3232

33-
<div className="info-section">
34-
<div className="map-info">
35-
<img src="images/image.png" alt="Mapa" className="map-icon" />
36-
<span className="map-name">Andromeda</span>
37-
</div>
33+
<div className='info-section'>
34+
<div className='map-info'>
35+
<img src='images/image.png' alt='Mapa' className='map-icon' />
36+
<span className='map-name'>Andromeda</span>
37+
</div>
3838

39-
<div className="stats">
40-
<div className="stat-item">
41-
<span className="stat-icon">🕒</span>
42-
<span>1:54:45</span>
43-
</div>
44-
<div className="stat-item">
45-
<span className="stat-icon">📘</span>
46-
<span>3 sessões realizadas</span>
47-
</div>
48-
<div className="stat-item">
49-
<span className="stat-icon">👥</span>
50-
<span>2 usuários conectados</span>
51-
</div>
52-
</div>
53-
</div>
54-
</div>
55-
</div>
39+
<div className='stats'>
40+
<div className='stat-item'>
41+
<span className='stat-icon'>🕒</span>
42+
<span>1:54:45</span>
43+
</div>
44+
<div className='stat-item'>
45+
<span className='stat-icon'>📘</span>
46+
<span>3 sessões realizadas</span>
47+
</div>
48+
<div className='stat-item'>
49+
<span className='stat-icon'>👥</span>
50+
<span>2 usuários conectados</span>
51+
</div>
52+
</div>
53+
</div>
54+
</div>
55+
</div>
5656

57-
{/* SECOND CARD */}
58-
<div className="inner-card">
59-
<div className="card-header">
60-
<img src="images/spider.png" alt="Ícone de aranha" className="header-icon" />
61-
<h3 className="header-title">Exploração Galáctica</h3>
62-
</div>
57+
{/* SECOND CARD */}
58+
<div className='inner-card'>
59+
<div className='card-header'>
60+
<img src='images/spider.png' alt='Ícone de aranha' className='header-icon' />
61+
<h3 className='header-title'>Exploração Galáctica</h3>
62+
</div>
6363

64-
<div className="dashboard-card-content">
65-
<div className="user-section">
66-
<h4>Mestre</h4>
67-
<img src="images/circle.png" alt="Mestre" className="user-avatar" />
64+
<div className='dashboard-card-content'>
65+
<div className='user-section'>
66+
<h4>Mestre</h4>
67+
<img src='images/circle.png' alt='Mestre' className='user-avatar' />
6868

69-
<h4>Jogadores</h4>
70-
<div className="players">
71-
<img src="images/circle.png" alt="Jogador 1" className="user-avatar" />
72-
<img src="images/circle.png" alt="Jogador 2" className="user-avatar" />
73-
<img src="images/circle.png" alt="Jogador 3" className="user-avatar" />
74-
<img src="images/circle.png" alt="Jogador 4" className="user-avatar" />
75-
</div>
76-
</div>
69+
<h4>Jogadores</h4>
70+
<div className='players'>
71+
<img src='images/circle.png' alt='Jogador 1' className='user-avatar' />
72+
<img src='images/circle.png' alt='Jogador 2' className='user-avatar' />
73+
<img src='images/circle.png' alt='Jogador 3' className='user-avatar' />
74+
<img src='images/circle.png' alt='Jogador 4' className='user-avatar' />
75+
</div>
76+
</div>
7777

78-
<div className="divider" />
78+
<div className='divider' />
7979

80-
<div className="info-section">
81-
<div className="map-info">
82-
<img src="images/image.png" alt="Mapa" className="map-icon" />
83-
<span className="map-name">Nebulosa X</span>
84-
</div>
80+
<div className='info-section'>
81+
<div className='map-info'>
82+
<img src='images/image.png' alt='Mapa' className='map-icon' />
83+
<span className='map-name'>Nebulosa X</span>
84+
</div>
8585

86-
<div className="stats">
87-
<div className="stat-item">
88-
<span className="stat-icon">🕒</span>
89-
<span>2:36:10</span>
90-
</div>
91-
<div className="stat-item">
92-
<span className="stat-icon">📘</span>
93-
<span>5 sessões realizadas</span>
94-
</div>
95-
<div className="stat-item">
96-
<span className="stat-icon">👥</span>
97-
<span>4 usuários conectados</span>
98-
</div>
99-
</div>
100-
</div>
101-
</div>
102-
</div>
103-
104-
</div>
105-
</div>
106-
</div>
107-
);
108-
};
109-
110-
export default MainContent;
86+
<div className='stats'>
87+
<div className='stat-item'>
88+
<span className='stat-icon'>🕒</span>
89+
<span>2:36:10</span>
90+
</div>
91+
<div className='stat-item'>
92+
<span className='stat-icon'>📘</span>
93+
<span>5 sessões realizadas</span>
94+
</div>
95+
<div className='stat-item'>
96+
<span className='stat-icon'>👥</span>
97+
<span>4 usuários conectados</span>
98+
</div>
99+
</div>
100+
</div>
101+
</div>
102+
</div>
103+
</div>
104+
</div>
105+
</div>
106+
)
107+
}
111108

109+
export default MainContent

‎src/app/dashboard-master/page.tsx

Lines changed: 49 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,66 +1,54 @@
1-
'use client';
1+
'use client'
22

3-
import React from 'react';
4-
import './app.css';
5-
import { Cinzel } from 'next/font/google';
6-
import MainContent from './MainContent';
7-
import CampaignButtons from './CampaignButtons';
3+
import React from 'react'
4+
import './app.css'
5+
import { Cinzel } from 'next/font/google'
6+
import MainContent from './MainContent'
7+
import CampaignButtons from './CampaignButtons'
88

99
const cinzel = Cinzel({
10-
subsets: ['latin'],
11-
weight: ['700'],
12-
});
10+
subsets: ['latin'],
11+
weight: ['700'],
12+
})
1313

1414
const Page: React.FC = () => {
15-
return (
16-
<div className="page-container">
17-
{/* SIDEBAR */}
18-
<div className="sidebar">
19-
<div className="logo-container">
20-
<img
21-
src="/images/logo1.png"
22-
alt="Logo"
23-
className="logo"
24-
/>
25-
</div>
26-
</div>
27-
28-
{/* MAIN AND TOPBAR */}
29-
<div className="main-and-topbar">
30-
<div className="topbar">
31-
<div className="topbar-left">
32-
<img
33-
src="/images/light-icon.png"
34-
alt="Ícone TopBar"
35-
className="topbar-icon"
36-
/>
37-
</div>
38-
39-
<div className="topbar-content">
40-
<h2 className={`${cinzel.className}`}>DASHBOARD DO MESTRE</h2>
41-
</div>
42-
43-
{/* SIDEBAR AND ADITIONAL BUTTONS */}
44-
<div className="topbar-right">
45-
<button className="logout-button">LOGOUT</button>
46-
<button className="avatar-button">
47-
<img
48-
src="/images/profile.png"
49-
alt="Avatar do Usuário"
50-
className="avatar-image"
51-
/>
52-
</button>
53-
</div>
54-
</div>
55-
56-
{/* CAMPAIGN BUTTONS */}
57-
<CampaignButtons />
58-
59-
{/* MAIN CONTENT */}
60-
<MainContent />
61-
</div>
62-
</div>
63-
);
64-
};
65-
66-
export default Page;
15+
return (
16+
<div className='page-container'>
17+
{/* SIDEBAR */}
18+
<div className='sidebar'>
19+
<div className='logo-container'>
20+
<img src='/images/logo1.png' alt='Logo' className='logo' />
21+
</div>
22+
</div>
23+
24+
{/* MAIN AND TOPBAR */}
25+
<div className='main-and-topbar'>
26+
<div className='topbar'>
27+
<div className='topbar-left'>
28+
<img src='/images/light-icon.png' alt='Ícone TopBar' className='topbar-icon' />
29+
</div>
30+
31+
<div className='topbar-content'>
32+
<h2 className={`${cinzel.className}`}>DASHBOARD DO MESTRE</h2>
33+
</div>
34+
35+
{/* SIDEBAR AND ADITIONAL BUTTONS */}
36+
<div className='topbar-right'>
37+
<button className='logout-button'>LOGOUT</button>
38+
<button className='avatar-button'>
39+
<img src='/images/profile.png' alt='Avatar do Usuário' className='avatar-image' />
40+
</button>
41+
</div>
42+
</div>
43+
44+
{/* CAMPAIGN BUTTONS */}
45+
<CampaignButtons />
46+
47+
{/* MAIN CONTENT */}
48+
<MainContent />
49+
</div>
50+
</div>
51+
)
52+
}
53+
54+
export default Page

‎src/app/dashboard-player/CampaignButtons.tsx

Lines changed: 15 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,20 @@
1-
import React from 'react';
2-
import './CampaignButtons.css';
3-
import { Cinzel } from 'next/font/google';
1+
import React from 'react'
2+
import './CampaignButtons.css'
3+
import { Cinzel } from 'next/font/google'
44

55
const cinzel = Cinzel({
6-
subsets: ['latin'],
7-
weight: ['700'],
8-
});
6+
subsets: ['latin'],
7+
weight: ['700'],
8+
})
99

1010
const CampaignButtons: React.FC = () => {
11-
return (
12-
<div className="botoes-container">
13-
<input
14-
type="text"
15-
className="btn input-code"
16-
placeholder="CÓDIGO DE CONVITE"
17-
/>
18-
<button className="btn create">ENTRAR NA SESSÃO</button>
19-
<button className="btn delete">SAIR DA CAMPANHA</button>
20-
</div>
21-
);
22-
};
11+
return (
12+
<div className='botoes-container'>
13+
<input type='text' className='btn input-code' placeholder='CÓDIGO DE CONVITE' />
14+
<button className='btn create'>ENTRAR NA SESSÃO</button>
15+
<button className='btn delete'>SAIR DA CAMPANHA</button>
16+
</div>
17+
)
18+
}
2319

24-
export default CampaignButtons;
20+
export default CampaignButtons

0 commit comments

Comments
 (0)