Repository: 4ian/GDevelop
File: newIDE/app/src/GameDashboard/GameDashboardCard.js (JavaScript)

Code before:
import { getRelativeOrAbsoluteDisplayDate } from '../Utils/DateDisplay';
const electron = optionalRequire('electron');
const path = optionalRequire('path');

export const getThumbnailWidth = ({ isMobile }: {| isMobile: boolean |}) =>
  isMobile ? undefined : Math.min(245, Math.max(130, window.innerWidth / 4));

export const getProjectDisplayDate = (i18n: I18nType, date: number) =>
  getRelativeOrAbsoluteDisplayDate({
    i18n,
    dateAsNumber: date,
    sameDayFormat: 'todayAndHour',
    dayBeforeFormat: 'yesterdayAndHour',
    relativeLimit: 'currentWeek',
    sameWeekFormat: 'thisWeek',
  });
export const getDetailedProjectDisplayDate = (i18n: I18nType, date: number) =>
  i18n.date(date, {
    dateStyle: 'short',
    timeStyle: 'short',
  });

const getNoProjectAlertMessage = () => {
  if (!electron) {
    // Trying to open a local project from the web app of the mobile app.
    return t`Looks like your project isn't there!${'\n\n'}Your project is surely stored on your computer.`;
  } else {
    return t`We couldn't find your project.${'\n\n'}If your project is stored on a different computer, launch GDevelop on that computer.${'\n'}Otherwise, use the "Open project" button and find it in your filesystem.`;
  }
};

const styles = {
  tooltipButtonContainer: {
    display: 'flex',
    flexDirection: 'column',
    alignItems: 'stretch',
  },
  buttonsContainer: {
    display: 'flex',
    flexShrink: 0,
    flexDirection: 'column',
    justifyContent: 'center',
  },
  iconAndText: { display: 'flex', gap: 2, alignItems: 'flex-start' },
  title: {
    ...textEllipsisStyle,
    overflowWrap: 'break-word',
  },
  projectFilesButton: { minWidth: 32 },
  fileIcon: {
    width: 16,

Review comment (suggestion):
I'd rather say `Your project must be stored on your computer` rather than surely, it feels more english

Code after:
import { getRelativeOrAbsoluteDisplayDate } from '../Utils/DateDisplay';
const electron = optionalRequire('electron');
const path = optionalRequire('path');

export const getThumbnailWidth = ({ isMobile }: {| isMobile: boolean |}) =>
  isMobile ? undefined : Math.min(245, Math.max(130, window.innerWidth / 4));

export const getProjectDisplayDate = (i18n: I18nType, date: number) =>
  getRelativeOrAbsoluteDisplayDate({
    i18n,
    dateAsNumber: date,
    sameDayFormat: 'todayAndHour',
    dayBeforeFormat: 'yesterdayAndHour',
    relativeLimit: 'currentWeek',
    sameWeekFormat: 'thisWeek',
  });
export const getDetailedProjectDisplayDate = (i18n: I18nType, date: number) =>
  i18n.date(date, {
    dateStyle: 'short',
    timeStyle: 'short',
  });

const getNoProjectAlertMessage = () => {
  if (!electron) {
    // Trying to open a local project from the web app of the mobile app.
    return t`Looks like your project isn't there!${'\n\n'}Your project must be stored on your computer.`;
  } else {
    return t`We couldn't find your project.${'\n\n'}If your project is stored on a different computer, launch GDevelop on that computer.${'\n'}Otherwise, use the "Open project" button and find it in your filesystem.`;
  }
};

const styles = {
  tooltipButtonContainer: {
    display: 'flex',
    flexDirection: 'column',
    alignItems: 'stretch',
  },
  buttonsContainer: {
    display: 'flex',
    flexShrink: 0,
    flexDirection: 'column',
    justifyContent: 'center',
  },
  iconAndText: { display: 'flex', gap: 2, alignItems: 'flex-start' },
  title: {
    ...textEllipsisStyle,
    overflowWrap: 'break-word',
  },
  projectFilesButton: { minWidth: 32 },
  fileIcon: {
    width: 16,