Skip to content

Commit 9d0f9a0

Browse files
IsaacSomethingIsaacSomething
committed
updated language things
1 parent 63972d5 commit 9d0f9a0

20 files changed

+193
-67
lines changed

‎app/public/global.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ body {
33
position: relative;
44
width: 100%;
55
height: 100%;
6+
word-break: break-all;
67
}
78

89
body {

‎app/src/App.svelte‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,6 @@
2525
// Search post from extension.ts on showInputBox()
2626
window.addEventListener("message", event => {
2727
eventAction = event.data.action;
28-
console.log("event.data", event.data);
29-
3028
if (event.data.action === "topPick") {
3129
stopProgressMessage(false);
3230
questionId = event.data.questionId;
@@ -94,11 +92,10 @@
9492
const baseUri = "https://api.stackexchange.com/2.2";
9593
const filter = "!Fu4hf8)e-ZPMLisJD6KbEP37j-";
9694
const key = "VP5SbX4dbH8MJUft7hjoaA((";
97-
const uri = `${baseUri}/tags/${selectedTag}/wikis?site=stackoverflow&filter=${filter}&key=${key}`;
95+
const site = `${language.code}stackoverflow`;
96+
const uri = `${baseUri}/tags/${selectedTag}/wikis?site=${site}&filter=${filter}&key=${key}`;
9897
9998
axios.get(uri).then(response => {
100-
console.log("response", response);
101-
10299
if (response.status === 200) {
103100
tagData = response.data.items[0];
104101
} else {
@@ -167,12 +164,13 @@
167164
on:sortChange={handleSortChange}
168165
on:enableSearch={handleEnableSearch}
169166
{searchQuery}
167+
{language}
170168
{vscode}
171169
{searchData}
172170
{totalResults}
173171
{isLoading}
174172
{tagData}
175173
{sortTypes} />
176174
{:else if section === 'tag'}
177-
<Tag {tagData} />
175+
<Tag {tagData} {language} />
178176
{/if}

‎app/src/common/Comments.svelte‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,9 @@
22
import { fade } from "svelte/transition";
33
import { format, fromUnixTime } from "date-fns";
44
export let comments;
5+
export let language;
56
let commentsShowAmount = 5;
6-
7+
78
$: commentsLength = comments && comments.length - commentsShowAmount - 1;
89
910
function setDate(date) {
@@ -67,8 +68,10 @@
6768

6869
<span class="link" on:click={toggleComments}>
6970
{#if comments.length > commentsShowAmount}
70-
show {commentsLength} more comments
71-
{:else if comments.length === commentsShowAmount}hide comments{/if}
71+
{`${language.text.show} ${commentsLength} ${language.text.more_comments}`}
72+
{:else if comments.length === commentsShowAmount && comments.length > commentsShowAmount}
73+
{language.text.hide_comments}
74+
{/if}
7275
</span>
7376

7477
</div>

‎app/src/common/Header.svelte‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -42,8 +42,8 @@
4242
{#if (section === 'question' && eventAction === 'search') || section === 'tag'}
4343
<div class="back" on:click={goBack}>
4444
<span />
45-
Back to search
46-
<strong>results</strong>
45+
{language.text.back_to_search_results}
46+
<strong>{language.text.results}</strong>
4747
</div>
4848
{:else if section === 'leeeeeeet'}
4949
5t4©k
@@ -53,7 +53,7 @@
5353
<strong>overflow</strong>
5454
{#if language && language.code !== ''}
5555
<small>
56-
&nbsp;
56+
&nbsp;&nbsp;
5757
<i>{language.language}</i>
5858
</small>
5959
{/if}

‎app/src/common/User.svelte‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,15 @@
33
export let user;
44
export let createdDate;
55
export let isQuestion = false;
6+
export let language;
67
78
const date = fromUnixTime(createdDate);
8-
$: atTime = `asked ${format(date, "MMM dd")} '${format(
9-
date,
10-
"yy"
11-
)} at ${format(date, "HH:mm")}`;
9+
$: atTime = language
10+
? `${language.text.asked} ${format(date, "MMM dd")} '${format(
11+
date,
12+
"yy"
13+
)} at ${format(date, "HH:mm")}`
14+
: null;
1215
1316
$: rep = kFormatter(user.reputation);
1417

‎app/src/common/loader.svelte‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<style>
2+
.loader {
3+
display: flex;
4+
height: 30px;
5+
width: 200px;
6+
margin: 0 auto;
7+
}
8+
.loader-item {
9+
width: 200px;
10+
height: 2px;
11+
background: var(--vscode-textSeparator-foreground);
12+
position: relative;
13+
overflow: hidden;
14+
}
15+
.loader-item::after {
16+
content: "";
17+
position: absolute;
18+
top: 0;
19+
left: 0;
20+
height: 2px;
21+
width: 200px;
22+
background: var(--vscode-textLink-foreground);
23+
animation: loader-item 800ms linear infinite;
24+
}
25+
@keyframes loader-item {
26+
0% {
27+
transform: translateX(-300px);
28+
}
29+
100% {
30+
transform: translateX(300px);
31+
}
32+
}
33+
</style>
34+
35+
<div class="loader">
36+
<div class="loader loader-item" />
37+
</div>

‎app/src/question/Question.svelte‎

Lines changed: 16 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
import Comments from "../common/Comments.svelte";
55
import User from "../common/User.svelte";
66
import Tags from "../common/Tags.svelte";
7+
import Loader from "../common/Loader.svelte";
78
import QuestionTitle from "./QuestionTitle.svelte";
89
import QuestionAnswers from "./QuestionAnswers.svelte";
910
import QuestionIndices from "./QuestionIndices.svelte";
@@ -85,14 +86,16 @@
8586
title={question.title}
8687
asked={question.creation_date}
8788
active={question.last_activity_date}
88-
viewed={question.view_count} />
89+
viewed={question.view_count}
90+
{language} />
8991

9092
<div class="row">
9193

9294
<div class="left">
9395
<QuestionIndices
9496
score={question.score}
95-
favorite={question.favorite_count} />
97+
favorite={question.favorite_count}
98+
{language} />
9699
</div>
97100

98101
<div class="right">
@@ -107,43 +110,47 @@
107110

108111
<div class="question-answer-bottom">
109112
<div class="view-online">
110-
<a href={question.link} target="_blank">view online</a>
113+
<a href={question.link} target="_blank">
114+
{language.text.view_online}
115+
</a>
111116
</div>
112117

113118
<User
114119
user={question.owner}
115120
createdDate={question.creation_date}
116-
isQuestion={true} />
121+
isQuestion={true}
122+
{language} />
117123
</div>
118124

119125
{#if question.closed_details}
120126
<QuestionClosed
121127
details={question.closed_details}
122128
reason={question.closed_reason}
123-
closedDate={question.closed_date} />
129+
closedDate={question.closed_date}
130+
{language} />
124131
{/if}
125132

126133
{#if question.notice}
127134
<QuestionNotice notice={question.notice} />
128135
{/if}
129136

130-
<Comments comments={question.comments} />
137+
<Comments comments={question.comments} {language} />
131138

132139
</div>
133140

134141
</div>
135142

136143
<div class="answers-count-container">
137144
{#if question.answer_count > 0}
138-
<h2>{question.answer_count} Answers</h2>
145+
<h2>{question.answer_count} {language.text.answers}</h2>
139146
{:else}
140-
<h2>No Answers</h2>
147+
<h2>{language.text.no_answers}</h2>
141148
{/if}
142149
</div>
143150

144151
{#if question.answer_count > 0}
145152
<QuestionAnswers {questionId} {language} {vscode} />
146153
{/if}
147154
{:else}
148-
<p>Loading Question...</p>
155+
<Loader />
149156
{/if}

‎app/src/question/QuestionClosed.svelte‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
export let details;
44
export let closedDate;
55
export let reason;
6+
export let language;
67
78
const date = fromUnixTime(closedDate);
89
$: atTime = ` ${format(date, "MMM dd")} '${format(date, "yy")} at ${format(
@@ -22,8 +23,10 @@
2223

2324
<blockquote>
2425
<header>
25-
<strong>closed</strong>
26-
as {@html reason} on {atTime}
26+
<strong>{language.text.closed}</strong>
27+
as
28+
{@html reason}
29+
on {atTime}
2730
</header>
2831
{@html details.description}
2932
</blockquote>

‎app/src/question/QuestionIndices.svelte‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<script>
22
export let score;
33
export let favorite;
4+
export let language;
45
</script>
56

67
<style>

‎app/src/question/QuestionNotice.svelte‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<script>
22
import { format, fromUnixTime } from "date-fns";
33
export let notice;
4+
export let language;
45
56
const date = fromUnixTime(notice.creation_date);
67
$: atTime = `${format(date, "MMM dd")} '${format(date, "yy")} at ${format(
@@ -20,7 +21,7 @@
2021

2122
<blockquote>
2223
<header>
23-
<strong>locked</strong>
24+
<strong>{language.text.locked}</strong>
2425
on {atTime}
2526
</header>
2627
{@html notice.body}

0 commit comments

Comments
 (0)