Login changes (#1069)

* use 2-step onboarding, some refactoring

* show login page any time there is no user_login field in config (meaning user is not authorized)

* Update github copy

---------

Co-authored-by: Louis Knight-Webb <[email protected]>

Author: anastasiya1155

client/src/components/AddStudioContext/index.tsx

@@ -8,7 +8,7 @@ import React, {
 import { Trans, useTranslation } from 'react-i18next';
 import { CloseSign, PlusSignInCircle } from '../../icons';
 import SeparateOnboardingStep from '../SeparateOnboardingStep';
-import DialogText from '../../pages/Onboarding/DialogText';
+import DialogText from '../SeparateOnboardingStep/DialogText';
 import SearchableRepoList from '../RepoList/SearchableRepoList';
 import Button from '../Button';
 import {

client/src/pages/Onboarding/DialogText/index.tsx renamed to client/src/components/SeparateOnboardingStep/DialogText/index.tsx

@@ -200,7 +200,7 @@
 	"Something went wrong": "Something went wrong",
 	"chats in bloop": "chats in bloop",
 	"Setup bloop": "Setup bloop",
-	"Please log into your GitHub account to complete setup": "Please log into your GitHub account to complete setup",
+	"Please log into your GitHub account to complete setup, this helps us us combat misuse.": "Please log into your GitHub account to complete setup, this helps us us combat misuse.",
 	"Select color theme:": "Select color theme:",
 	"Connect account": "Connect account",
 	"Continue": "Continue",
@@ -416,5 +416,6 @@
 	"Search pages": "Search pages",
 	"This page is currently unavailable. Ability to generate will be resumed as soon as this issue is resolved.": "This page is currently unavailable. Ability to generate will be resumed as soon as this issue is resolved.",
 	"Hold <1></1> to add multiple files": "Hold <1></1> to add multiple files",
-	"Clear section": "Clear section"
-}
+	"Clear section": "Clear section",
+	"Let’s get you started with bloop!": "Let’s get you started with bloop!"
+}

client/src/locales/en.json

@@ -200,7 +200,7 @@
 	"Something went wrong": "Algo salió mal",
 	"chats in bloop": "Chats en bloop",
 	"Setup bloop": "Configuración de bloop",
-	"Please log into your GitHub account to complete setup": "Inicie sesión con su cuenta de GitHub para completar la configuración",
+	"Please log into your GitHub account to complete setup, this helps us us combat misuse.": "Inicie sesión con su cuenta de GitHub para completar la configuración",
 	"Select color theme:": "Seleccione el tema:",
 	"Connect account": "Conectar cuenta",
 	"Continue": "Continuar",
@@ -417,5 +417,6 @@
 	"Search pages": "Páginas de búsqueda",
 	"This page is currently unavailable. Ability to generate will be resumed as soon as this issue is resolved.": "Esta página no está disponible. La capacidad de generar se reanudará tan pronto como se resuelva este problema.",
 	"Hold <1></1> to add multiple files": "Mantenga presionada <1> </1> para agregar múltiples archivos",
-	"Clear section": "Borrar sección"
+	"Clear section": "Borrar sección",
+	"Let’s get you started with bloop!": "¡Vamos a comenzar con Bloop!"
 }

client/src/locales/es.json

@@ -200,7 +200,7 @@
     "Something went wrong": "Qualcosa è andato storto",
     "chats in bloop": "chat in bloop",
     "Setup bloop": "Configura bloop",
-    "Please log into your GitHub account to complete setup": "Accedi al tuo account GitHub per completare la configurazione",
+    "Please log into your GitHub account to complete setup, this helps us us combat misuse.": "Accedi al tuo account GitHub per completare la configurazione",
     "Select color theme:": "Seleziona tema colori:",
     "Connect account": "Collega account",
     "Continue": "Continua",

client/src/locales/it.json

@@ -200,7 +200,7 @@
 	"Something went wrong": "何かがうまくいかなかった",
 	"chats in bloop": "bloopでチャット",
 	"Setup bloop": "bloopをセットアップする",
-	"Please log into your GitHub account to complete setup": "セットアップを完了するため、GitHubアカウントにログインしてください",
+	"Please log into your GitHub account to complete setup, this helps us us combat misuse.": "セットアップを完了するため、GitHubアカウントにログインしてください",
 	"Select color theme:": "カラーテーマを選択する",
 	"Connect account": "アカウントを接続する",
 	"Continue": "次へ",
@@ -414,5 +414,6 @@
 	"Search pages": "検索ページ",
 	"This page is currently unavailable. Ability to generate will be resumed as soon as this issue is resolved.": "このページは現在利用できません。 生成能力は、この問題が解決されるとすぐに再開されます。",
 	"Hold <1></1> to add multiple files": "<1> </1>を保持して複数のファイルを追加する",
-	"Clear section": "クリアセクション"
-}
+	"Clear section": "クリアセクション",
+	"Let’s get you started with bloop!": "Bloopを始めましょう！"
+}

client/src/locales/ja.json

@@ -203,7 +203,7 @@
 	"Something went wrong": "出错了",
 	"chats in bloop": "在bloop中对话",
 	"Setup bloop": "设置bloop",
-	"Please log into your GitHub account to complete setup": "请登录您的GitHub账户以完成设置",
+	"Please log into your GitHub account to complete setup, this helps us us combat misuse.": "请登录您的GitHub账户以完成设置",
 	"Select color theme:": "选择颜色主题:",
 	"Connect account": "连接账户",
 	"Continue": "继续",
@@ -423,5 +423,6 @@
 	"Search pages": "搜索页",
 	"This page is currently unavailable. Ability to generate will be resumed as soon as this issue is resolved.": "此页面当前不可用。 一旦解决此问题，就会恢复产生的能力。",
 	"Hold <1></1> to add multiple files": "保持<1> </1>添加多个文件",
-	"Clear section": "清除部分"
-}
+	"Clear section": "清除部分",
+	"Let’s get you started with bloop!": "让我们开始开始Bloop！"
+}

client/src/locales/zh-CN.json

@@ -7,10 +7,10 @@ import React, {
   useState,
 } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import TextInput from '../../../components/TextInput';
-import DialogText from '../../Onboarding/DialogText';
-import { CodeStudioIcon } from '../../../icons';
-import Button from '../../../components/Button';
+import TextInput from '../../../../components/TextInput';
+import DialogText from '../../../../components/SeparateOnboardingStep/DialogText';
+import { CodeStudioIcon } from '../../../../icons';
+import Button from '../../../../components/Button';
 
 type Props = {
   handleSubmit: (name: string) => void;

client/src/pages/HomeTab/AddRepos/AddCodeStudio.tsx renamed to client/src/pages/HomeTab/AddRepos/AddCodeStudio/index.tsx

@@ -1,27 +1,25 @@
 import React, { useCallback, useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import DialogText from '../DialogText';
-import Button from '../../../components/Button';
-import { ArrowRight } from '../../../icons';
-import SearchableRepoList from '../../../components/RepoList/SearchableRepoList';
+import DialogText from '../../../../components/SeparateOnboardingStep/DialogText';
+import Button from '../../../../components/Button';
+import { ArrowRight } from '../../../../icons';
+import SearchableRepoList from '../../../../components/RepoList/SearchableRepoList';
 import {
   RepoProvider,
   RepoType,
   RepoUi,
   SyncStatus,
-} from '../../../types/general';
+} from '../../../../types/general';
 import GoBackButton from '../GoBackButton';
-import { UIContext } from '../../../context/uiContext';
-import { splitPath } from '../../../utils';
-import { RepositoriesContext } from '../../../context/repositoriesContext';
+import { splitPath } from '../../../../utils';
+import { RepositoriesContext } from '../../../../context/repositoriesContext';
 
 type Props = {
   handleNext: (e?: any) => void;
   handleBack?: (e: any) => void;
   disableSkip?: boolean;
 };
 
-export const STEP_KEY = 'STEP_GITHUB_REPOS';
 let intervalId: number;
 
 const GithubReposStep = ({ handleNext, handleBack, disableSkip }: Props) => {

client/src/pages/Onboarding/GithubReposStep/index.tsx renamed to client/src/pages/HomeTab/AddRepos/GithubReposStep/index.tsx

@@ -1,5 +1,5 @@
-import Button from '../../../components/Button';
-import { ArrowLeft } from '../../../icons';
+import Button from '../../../../components/Button';
+import { ArrowLeft } from '../../../../icons';
 
 type Props = {
   handleBack: (e: any) => void;