diff --git a/lang/ui.ca.json b/lang/ui.ca.json
index 423482db9..be9646282 100644
--- a/lang/ui.ca.json
+++ b/lang/ui.ca.json
@@ -419,12 +419,6 @@
"project-name-not-empty": {
"defaultMessage": "El nom del projecte no pot estar buit"
},
- "project-tab": {
- "defaultMessage": "Projecte"
- },
- "project-tab-description": {
- "defaultMessage": "Visualitza, crea, afegeix i edita els fitxers del teu projecte"
- },
"python-powered": {
"defaultMessage": "Fet amb Python"
},
diff --git a/lang/ui.de.json b/lang/ui.de.json
index b4da03470..20fa82cbd 100644
--- a/lang/ui.de.json
+++ b/lang/ui.de.json
@@ -419,12 +419,6 @@
"project-name-not-empty": {
"defaultMessage": "Der Projektname darf nicht leer sein"
},
- "project-tab": {
- "defaultMessage": "Projekt"
- },
- "project-tab-description": {
- "defaultMessage": "Anzeigen, Erstellen, Hinzufügen und Bearbeiten der Dateien in deinem Projekt"
- },
"python-powered": {
"defaultMessage": "Python betrieben"
},
diff --git a/lang/ui.en.json b/lang/ui.en.json
index a6d6f026c..3448ce8c1 100644
--- a/lang/ui.en.json
+++ b/lang/ui.en.json
@@ -331,6 +331,14 @@
"defaultMessage": "The name cannot contain spaces",
"description": "Warning text for new Python file name with whitespace"
},
+ "files-tab": {
+ "defaultMessage": "Files",
+ "description": "Files tab button text. Tab shows the files in the project."
+ },
+ "files-tab-description": {
+ "defaultMessage": "Add Python modules to support micro:bit accessories or organise larger projects",
+ "description": "Files tab description text. Tab shows the files in the project."
+ },
"firmware-update-link": {
"defaultMessage": "You must update your firmware before you can connect to this micro:bit.",
"description": "Text in the firmware update dialog"
@@ -670,14 +678,6 @@
"defaultMessage": "Your data is saved in this browser on this device. Clearing your browser's cookies or site data will delete it. It may also be automatically removed by your browser if your device is low on storage.",
"description": "Tooltip on the home page projects row heading explaining where projects are stored"
},
- "project-tab": {
- "defaultMessage": "Files",
- "description": "Files tab button text (the project's files)"
- },
- "project-tab-description": {
- "defaultMessage": "View, create, add and edit the files in your project",
- "description": "Project tab description"
- },
"projects-page-title": {
"defaultMessage": "Projects",
"description": "Title of the page listing all projects"
diff --git a/lang/ui.es-ES.json b/lang/ui.es-ES.json
index 8ec9198d4..34a1f029f 100644
--- a/lang/ui.es-ES.json
+++ b/lang/ui.es-ES.json
@@ -419,12 +419,6 @@
"project-name-not-empty": {
"defaultMessage": "El nombre del proyecto no puede estar en blanco"
},
- "project-tab": {
- "defaultMessage": "Proyecto"
- },
- "project-tab-description": {
- "defaultMessage": "Ver, crear, añadir y editar los archivos del proyecto"
- },
"python-powered": {
"defaultMessage": "Funciona con Python"
},
diff --git a/lang/ui.fr.json b/lang/ui.fr.json
index 8cd65d3ed..b26ec02be 100644
--- a/lang/ui.fr.json
+++ b/lang/ui.fr.json
@@ -419,12 +419,6 @@
"project-name-not-empty": {
"defaultMessage": "Le nom du projet ne peut pas être vide"
},
- "project-tab": {
- "defaultMessage": "Projet"
- },
- "project-tab-description": {
- "defaultMessage": "Visualiser, créer, ajouter et modifier les fichiers de votre projet"
- },
"python-powered": {
"defaultMessage": "Fonctionne avec Python"
},
diff --git a/lang/ui.ga-IE.json b/lang/ui.ga-IE.json
index 78b9ede95..fa3af4b16 100644
--- a/lang/ui.ga-IE.json
+++ b/lang/ui.ga-IE.json
@@ -419,12 +419,6 @@
"project-name-not-empty": {
"defaultMessage": "Ní féidir ainm an tionscadail a fholmhú"
},
- "project-tab": {
- "defaultMessage": "Tionscadal"
- },
- "project-tab-description": {
- "defaultMessage": "Amharc ar na comhaid i do thionscadal, iad a chruthú, a chur leis agus a chur in eagar"
- },
"python-powered": {
"defaultMessage": "Python faoi thiomáint"
},
diff --git a/lang/ui.ja.json b/lang/ui.ja.json
index 742492fe7..128cc1337 100644
--- a/lang/ui.ja.json
+++ b/lang/ui.ja.json
@@ -419,12 +419,6 @@
"project-name-not-empty": {
"defaultMessage": "プロジェクト名は空にできません"
},
- "project-tab": {
- "defaultMessage": "プロジェクト"
- },
- "project-tab-description": {
- "defaultMessage": "プロジェクト内のファイルの表示、作成、追加、編集"
- },
"python-powered": {
"defaultMessage": "Python搭載"
},
diff --git a/lang/ui.ko.json b/lang/ui.ko.json
index 08a781880..fda2ab891 100644
--- a/lang/ui.ko.json
+++ b/lang/ui.ko.json
@@ -416,12 +416,6 @@
"project-name-not-empty": {
"defaultMessage": "프로젝트 이름을 입력해야 합니다"
},
- "project-tab": {
- "defaultMessage": "프로젝트"
- },
- "project-tab-description": {
- "defaultMessage": "프로젝트에서 파일을 확인하고, 생성하고, 추가하고 편집할 수 있습니다"
- },
"python-powered": {
"defaultMessage": "Python powered"
},
diff --git a/lang/ui.lol.json b/lang/ui.lol.json
index 03164a90e..e68fba758 100644
--- a/lang/ui.lol.json
+++ b/lang/ui.lol.json
@@ -419,12 +419,6 @@
"project-name-not-empty": {
"defaultMessage": "crwdns331644:0crwdne331644:0"
},
- "project-tab": {
- "defaultMessage": "crwdns331646:0crwdne331646:0"
- },
- "project-tab-description": {
- "defaultMessage": "crwdns331648:0crwdne331648:0"
- },
"python-powered": {
"defaultMessage": "crwdns331650:0crwdne331650:0"
},
diff --git a/lang/ui.nl.json b/lang/ui.nl.json
index 6be8c683d..25c1ba9ad 100644
--- a/lang/ui.nl.json
+++ b/lang/ui.nl.json
@@ -419,12 +419,6 @@
"project-name-not-empty": {
"defaultMessage": "De projectnaam kan niet leeg zijn"
},
- "project-tab": {
- "defaultMessage": "Project"
- },
- "project-tab-description": {
- "defaultMessage": "Bekijk, aanmaken, toevoegen en bewerken van de bestanden in je project"
- },
"python-powered": {
"defaultMessage": "Python actief"
},
diff --git a/lang/ui.pl.json b/lang/ui.pl.json
index e3b2d7f94..f74b39ea3 100644
--- a/lang/ui.pl.json
+++ b/lang/ui.pl.json
@@ -419,12 +419,6 @@
"project-name-not-empty": {
"defaultMessage": "Nazwa projektu nie może być pusta"
},
- "project-tab": {
- "defaultMessage": "Projekt"
- },
- "project-tab-description": {
- "defaultMessage": "Przejrzyj, utwórz, dodaj i edytuj pliki w projekcie"
- },
"python-powered": {
"defaultMessage": "Obsługiwany przez Python"
},
diff --git a/lang/ui.zh-CN.json b/lang/ui.zh-CN.json
index ac457cc51..6980e8746 100644
--- a/lang/ui.zh-CN.json
+++ b/lang/ui.zh-CN.json
@@ -419,12 +419,6 @@
"project-name-not-empty": {
"defaultMessage": "项目名称不能为空"
},
- "project-tab": {
- "defaultMessage": "项目"
- },
- "project-tab-description": {
- "defaultMessage": "查看、创建、添加和编辑您项目中的文件"
- },
"python-powered": {
"defaultMessage": "Python 驱动"
},
diff --git a/lang/ui.zh-TW.json b/lang/ui.zh-TW.json
index 4af7e855f..0a4ead808 100644
--- a/lang/ui.zh-TW.json
+++ b/lang/ui.zh-TW.json
@@ -416,12 +416,6 @@
"project-name-not-empty": {
"defaultMessage": "專案名稱不可為空白"
},
- "project-tab": {
- "defaultMessage": "專案"
- },
- "project-tab-description": {
- "defaultMessage": "檢視、建立、新增和編輯專案中的檔案"
- },
"python-powered": {
"defaultMessage": "已啟動 Python"
},
diff --git a/src/project/ProjectArea.tsx b/src/project/ProjectArea.tsx
index 7e0ac3b37..b2cefeedb 100644
--- a/src/project/ProjectArea.tsx
+++ b/src/project/ProjectArea.tsx
@@ -3,14 +3,14 @@
*
* SPDX-License-Identifier: MIT
*/
-import { List, ListItem, Text } from "@microbit/ui";
-import { FormattedMessage } from "react-intl";
+import { Divider, List, ListItem } from "@microbit/ui";
+import { useIntl } from "react-intl";
import { Box, VStack } from "styled-system/jsx";
+import AreaHeading from "../common/AreaHeading";
import FileRow from "./FileRow";
import { useProject } from "./project-hooks";
import { isEditableFile } from "./project-utils";
import ProjectAreaNav from "./ProjectAreaNav";
-import ProjectNameEditable from "./ProjectNameEditable";
interface ProjectAreaProps {
selectedFile: string | undefined;
@@ -25,22 +25,15 @@ const ProjectArea = ({
onSelectedFileChanged,
}: ProjectAreaProps) => {
const { files } = useProject();
+ const intl = useIntl();
return (
-
-
-
-
-
-
+
+
+
diff --git a/src/workbench/SideBar.tsx b/src/workbench/SideBar.tsx
index 693a10c28..cbf5de007 100644
--- a/src/workbench/SideBar.tsx
+++ b/src/workbench/SideBar.tsx
@@ -95,7 +95,7 @@ const SideBar = ({
},
{
id: "project" as const,
- title: intl.formatMessage({ id: "project-tab" }),
+ title: intl.formatMessage({ id: "files-tab" }),
icon: VscFiles,
contents: (