Skip to content
This repository was archived by the owner on Mar 5, 2025. It is now read-only.

Commit b6f8cb8

Browse files
evansloanevansloan
committed
2 parents e944b2d + 6536fcd commit b6f8cb8

File tree

4 files changed

+156
-0
lines changed

4 files changed

+156
-0
lines changed

‎src/App.tsx‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,9 @@ import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client
77

88
import { Hiscores, Home, Log } from './pages';
99
import { Footer, Header } from './components/layout';
10+
import ChangeLog from './pages/ChangeLog';
11+
import QuickStart from './pages/QuickStart';
12+
import FAQ from './pages/FAQ';
1013

1114
const queryClient = new QueryClient({
1215
defaultOptions: {
@@ -34,6 +37,9 @@ const App = () => (
3437
<Route path='/log/:username/:pageName' element={<Log />} />
3538
<Route path='/hiscores' element={<Hiscores />} />
3639
<Route path='/hiscores/:page' element={<Hiscores />} />
40+
<Route path='/change-log' element={<ChangeLog />} />
41+
<Route path='/quick-start' element={<QuickStart />} />
42+
<Route path='/faq' element={<FAQ />} />
3743
</Routes>
3844
<Footer />
3945
</BrowserRouter>

‎src/pages/ChangeLog.tsx‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
import React from 'react';
2+
import DocumentMeta from 'react-document-meta';
3+
import { PageTitle, Tabs } from '../components/elements';
4+
import { PageContainer, PageHeader } from '../components/layout';
5+
6+
const pageTitle = 'Change log';
7+
8+
const meta = {
9+
title: pageTitle,
10+
property: {
11+
'og:title': pageTitle,
12+
'twitter:title': pageTitle,
13+
},
14+
auto: {
15+
ograph: true,
16+
},
17+
};
18+
19+
const ChangeLog = () => {
20+
return (
21+
<PageContainer>
22+
<DocumentMeta {...meta} />
23+
<PageHeader>
24+
<PageTitle
25+
title={pageTitle}
26+
/>
27+
</PageHeader>
28+
<div className='flex flex-col md:mx-3 mb-3 md:mt-1 h-full border-2 border-t-0 border-light md:rounded-tr-[10px] md:rounded-tl-[10px] overflow-hidden'>
29+
<Tabs>
30+
<div data-tab='collectionlog.net'>
31+
<h3 className='text-center'>collectionlog.net changes</h3>
32+
<div className='h-full overflow-hidden flex flex-col items-center'>
33+
<div>
34+
<h4 className='text-yellow text-lg'>2024-01-16</h4>
35+
<ul className='text-white'>
36+
<li>Add change log page</li>
37+
<li>Add quick start page</li>
38+
<li>Add FAQ page</li>
39+
</ul>
40+
</div>
41+
</div>
42+
</div>
43+
<div data-tab='Plugin'>
44+
<h3 className='text-center'>Plugin changes</h3>
45+
<div className='h-full overflow-hidden flex flex-col items-center'>
46+
<div>
47+
<h4 className='text-yellow text-lg'>2024-01-16</h4>
48+
<ul className='text-white'>
49+
<li>Add loading message on !log command</li>
50+
<li>Add error message on !log command when API connection config is disabled</li>
51+
<li>Add links to change log/quick start/FAQ pages in side panel</li>
52+
</ul>
53+
</div>
54+
</div>
55+
</div>
56+
</Tabs>
57+
</div>
58+
</PageContainer>
59+
);
60+
};
61+
62+
export default ChangeLog;

‎src/pages/FAQ.tsx‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
import { pluginUrl } from '../app/constants';
2+
import { PageTitle } from '../components/elements';
3+
import { PageContainer } from '../components/layout';
4+
5+
const FAQ = () => {
6+
return (
7+
<PageContainer>
8+
<PageTitle title='FAQ' />
9+
<div className='flex justify-around text-lg p-2'>
10+
<div className='p-2'>
11+
<h3>How do I upload my collection log?</h3>
12+
<ol className='list-decimal text-white ml-3'>
13+
<li>
14+
<p>Install the <a href={pluginUrl}>Collection Log RuneLite plugin</a> from the RuneLite plugin hub.</p>
15+
</li>
16+
<li>
17+
<p>Open your collection log in-game and click through all pages in order to save a copy of your collection log.</p>
18+
</li>
19+
<li>
20+
<p>In the collection log plugin side panel click the "Upload collection log data" or log out of the game.</p>
21+
</li>
22+
<li>
23+
<p>Wait about 30 seconds for the upload to process. (Subsequent uploads will be much faster)</p>
24+
</li>
25+
<li>
26+
<p>Any new items received will have to have their respective collection log pages viewed in order to send the most up to date data to the website.</p>
27+
</li>
28+
</ol>
29+
</div>
30+
<div className='p-2'>
31+
<h3>My collection log on the site is not updating</h3>
32+
<ol className='list-decimal text-white ml-3'>
33+
<li>
34+
<p>In the collection log plugin side panel click the "Reset collection log data" button and click through your collection log again.</p>
35+
</li>
36+
<li>
37+
<p>Attempt to upload your collection log data by clicking the "Upload collection log data" button or by logging out.</p>
38+
</li>
39+
<li>
40+
<p>Send a message in the Log Hunters Discord server #report-a-bug chat channel detailing your issues</p>
41+
</li>
42+
</ol>
43+
</div>
44+
</div>
45+
</PageContainer>
46+
);
47+
};
48+
49+
export default FAQ;

‎src/pages/QuickStart.tsx‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
import React from 'react';
2+
import DocumentMeta from 'react-document-meta';
3+
import { PageTitle } from '../components/elements';
4+
import { PageContainer, PageHeader } from '../components/layout';
5+
6+
const pageTitle = 'Quick start';
7+
8+
const meta = {
9+
title: pageTitle,
10+
property: {
11+
'og:title': pageTitle,
12+
'twitter:title': pageTitle,
13+
},
14+
auto: {
15+
ograph: true,
16+
},
17+
};
18+
19+
const QuickStart = () => {
20+
return (
21+
<PageContainer>
22+
<DocumentMeta {...meta} />
23+
<PageHeader>
24+
<PageTitle
25+
title={pageTitle}
26+
/>
27+
</PageHeader>
28+
<div className='flex flex-col items-center md:mx-3 mb-3 md:mt-1 h-full border-2 border-light overflow-hidden'>
29+
<ol className='text-white text-lg w-3/4'>
30+
<li>1. Enable the collectionlog.net connections plugin config.</li>
31+
<li>2. Open your collection log and open each page in the log in order for the plugin to grab your collection log data. Pages marked with '*' have yet to be opened</li>
32+
<li>3. Upload your collection log by clicking on the upload button in the account tab in the plugin side panel. Your collection log will also be uploaded automatically upon log out providing the collection log has been opened in-game at least once while logged in.</li>
33+
</ol>
34+
</div>
35+
</PageContainer>
36+
);
37+
};
38+
39+
export default QuickStart;

0 commit comments

Comments
 (0)