Adeyemi AdetunjiandRotimi Best
d75e2f258e
* feat: multitranslational support * - completion of settings page - completion of sidebar * sidebar rerendering bug fix * completion of the lesson navigation & materials page * completion of the course navigation * completion of requested languages * - Implementation of Language Picker - Rename Bug Fixes * checkpoint save * - addition of the language picker to the onboarding. - addition of the language switcher for the lesson notes. * merge completion * initialization of the new branch * add transition.svelte file * lesson note bug fix * feat: add translation migration * completion of translation * fix height issue of dropdown * refactoring * fix: improve code with LOCALE from db * finally get it fully functional * connect with AI * backward compatibility for lesson note * preserve old content, when generating AI content * undo translations in upgrade modal * fix duplicate key issue from codacy trigger --------- Co-authored-by: Rotimi Best <best@classroomio.com>
29 lines
728 B
Svelte
29 lines
728 B
Svelte
<script>
|
|
import { Dropdown } from 'carbon-components-svelte';
|
|
import { t, initialized } from '$lib/utils/functions/translations';
|
|
import { LANGUAGES } from '$lib/utils/constants/translation';
|
|
import { LOCALE } from '$lib/utils/types';
|
|
|
|
export let className = '';
|
|
export let value = LOCALE.EN;
|
|
export let hasLangChanged = false;
|
|
|
|
const dropdownItems = [{ id: '', text: 'Pick a Language' }, ...LANGUAGES];
|
|
|
|
function handleSelect(event) {
|
|
value = event.detail.selectedId;
|
|
|
|
hasLangChanged = true;
|
|
}
|
|
</script>
|
|
|
|
{#if $initialized}
|
|
<Dropdown
|
|
titleText={$t('content.toggle_label')}
|
|
items={dropdownItems}
|
|
selectedId={value}
|
|
on:select={handleSelect}
|
|
class="h-full {className}"
|
|
/>
|
|
{/if}
|