Fix resources added on Windows using a backslash instead of a slash (not consistent with other platforms) (#8467)

Author: ClementPasteau

newIDE/app/src/ResourcesEditor/ResourcePropertiesEditor/index.js

@@ -1,5 +1,5 @@
 // @flow
-import { Trans } from '@lingui/macro';
+import { t, Trans } from '@lingui/macro';
 import { type I18n as I18nType } from '@lingui/core';
 
 import * as React from 'react';
@@ -29,6 +29,7 @@ type Props = {|
   resources: Array<gdResource>,
   onResourcePathUpdated: () => void,
   resourceManagementProps: ResourceManagementProps,
+  i18n: I18nType,
 |};
 
 export type ResourcePropertiesEditorInterface = {| forceUpdate: () => void |};
@@ -56,6 +57,7 @@ const ResourcePropertiesEditor: React.ComponentType<{
       resources,
       onResourcePathUpdated,
       resourceManagementProps,
+      i18n,
     },
     ref
   ) => {
@@ -125,15 +127,15 @@ const ResourcePropertiesEditor: React.ComponentType<{
     const schema: Schema = React.useMemo(
       () => [
         {
-          name: 'Resource name',
+          name: i18n._(t`Resource name`),
           valueType: 'string',
           disabled: () => true,
           getValue: (resource: gdResource) => resource.getName(),
           setValue: (resource: gdResource, newValue: string) =>
             resource.setName(newValue),
         },
         {
-          name: 'File',
+          name: i18n._(t`File`),
           valueType: 'string',
           getValue: (resource: gdResource) => resource.getFile(),
           setValue: (resource: gdResource, newValue: string) => {
@@ -156,7 +158,7 @@ const ResourcePropertiesEditor: React.ComponentType<{
               : undefined,
         },
       ],
-      [resourceSources, chooseResourcePath]
+      [resourceSources, chooseResourcePath, i18n]
     );
 
     const renderResourcesProperties = React.useCallback(

newIDE/app/src/ResourcesEditor/index.js

@@ -2,6 +2,7 @@
 import { t } from '@lingui/macro';
 
 import * as React from 'react';
+import { I18n } from '@lingui/react';
 import ResourcesList, { type ResourcesListInterface } from '../ResourcesList';
 import ResourcePropertiesEditor, {
   type ResourcePropertiesEditorInterface,
@@ -300,21 +301,26 @@ export default class ResourcesEditor extends React.Component<Props, State> {
         type: 'secondary',
         title: t`Properties`,
         renderEditor: () => (
-          <ResourcePropertiesEditor
-            key={selectedResource ? selectedResource.ptr : undefined}
-            resources={selectedResource ? [selectedResource] : []}
-            project={project}
-            resourcesLoader={this.resourcesLoader}
-            ref={propertiesEditor =>
-              (this._propertiesEditor = propertiesEditor)
-            }
-            onResourcePathUpdated={() => {
-              if (this._resourcesList) {
-                this._resourcesList.checkMissingPaths();
-              }
-            }}
-            resourceManagementProps={resourceManagementProps}
-          />
+          <I18n>
+            {({ i18n }) => (
+              <ResourcePropertiesEditor
+                key={selectedResource ? selectedResource.ptr : undefined}
+                resources={selectedResource ? [selectedResource] : []}
+                project={project}
+                resourcesLoader={this.resourcesLoader}
+                ref={propertiesEditor =>
+                  (this._propertiesEditor = propertiesEditor)
+                }
+                onResourcePathUpdated={() => {
+                  if (this._resourcesList) {
+                    this._resourcesList.checkMissingPaths();
+                  }
+                }}
+                resourceManagementProps={resourceManagementProps}
+                i18n={i18n}
+              />
+            )}
+          </I18n>
         ),
       },
       'resources-list': {

newIDE/app/src/ResourcesList/LocalResourceSources.js

@@ -188,8 +188,12 @@ const localResourceSources: Array<ResourceSource> = [
 
         return filePaths.map(filePath => {
           const newResource = createNewResource();
-          newResource.setFile(path.relative(projectPath, filePath));
-          newResource.setName(path.relative(projectPath, filePath));
+          newResource.setFile(
+            path.relative(projectPath, filePath).replace(/\\/g, '/')
+          );
+          newResource.setName(
+            path.relative(projectPath, filePath).replace(/\\/g, '/')
+          );
 
           const filePathWithMapping = newToOldFilePaths.has(filePath)
             ? newToOldFilePaths.get(filePath)