chore: transform containers/settings from js to tsx (#384)

1 files changed, 0 insertions, 204 deletions

diff --git a/src/containers/settings/RecipesScreen.js b/src/containers/settings/RecipesScreen.js
deleted file mode 100644
index e8f0a7282..000000000
--- a/src/containers/settings/RecipesScreen.js
+++ /dev/null
@@ -1,204 +0,0 @@
-import { readJsonSync } from 'fs-extra';
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { autorun } from 'mobx';
-import { inject, observer } from 'mobx-react';
-
-import RecipePreviewsStore from '../../stores/RecipePreviewsStore';
-import RecipeStore from '../../stores/RecipesStore';
-import ServiceStore from '../../stores/ServicesStore';
-import UserStore from '../../stores/UserStore';
-
-import RecipesDashboard from '../../components/settings/recipes/RecipesDashboard';
-import ErrorBoundary from '../../components/util/ErrorBoundary';
-import { CUSTOM_WEBSITE_RECIPE_ID, FRANZ_DEV_DOCS } from '../../config';
-import { userDataRecipesPath } from '../../environment-remote';
-import { asarRecipesPath } from '../../helpers/asar-helpers';
-import { communityRecipesStore } from '../../features/communityRecipes';
-import RecipePreview from '../../models/RecipePreview';
-import AppStore from '../../stores/AppStore';
-import { openPath } from '../../helpers/url-helpers';
-
-class RecipesScreen extends Component {
-  static propTypes = {
-    params: PropTypes.shape({
-      filter: PropTypes.string,
-    }),
-  };
-
-  static defaultProps = {
-    params: {
-      filter: null,
-    },
-  };
-
-  state = {
-    needle: null,
-    currentFilter: 'featured',
-  };
-
-  autorunDisposer = null;
-
-  customRecipes = [];
-
-  constructor(props) {
-    super(props);
-
-    this.customRecipes = readJsonSync(asarRecipesPath('all.json'));
-  }
-
-  componentDidMount() {
-    this.autorunDisposer = autorun(() => {
-      const { filter } = this.props.params;
-      const { currentFilter } = this.state;
-
-      if (filter === 'all' && currentFilter !== 'all') {
-        this.setState({ currentFilter: 'all' });
-      } else if (filter === 'featured' && currentFilter !== 'featured') {
-        this.setState({ currentFilter: 'featured' });
-      } else if (filter === 'dev' && currentFilter !== 'dev') {
-        this.setState({ currentFilter: 'dev' });
-      }
-    });
-  }
-
-  componentWillUnmount() {
-    this.props.stores.services.resetStatus();
-    this.autorunDisposer();
-  }
-
-  searchRecipes(needle) {
-    if (needle === '') {
-      this.resetSearch();
-    } else {
-      const { search } = this.props.actions.recipePreview;
-      this.setState({ needle });
-      search({ needle });
-    }
-  }
-
-  _sortByName(recipe1, recipe2) {
-    if (recipe1.name.toLowerCase() < recipe2.name.toLowerCase()) {
-      return -1;
-    }
-    if (recipe1.name.toLowerCase() > recipe2.name.toLowerCase()) {
-      return 1;
-    }
-    return 0;
-  }
-
-  prepareRecipes(recipes) {
-    return (
-      recipes
-        // Filter out duplicate recipes
-        .filter((recipe, index, self) => {
-          const ids = self.map(rec => rec.id);
-          return ids.indexOf(recipe.id) === index;
-
-          // Sort alphabetically
-        })
-        .sort(this._sortByName)
-    );
-  }
-
-  // Create an array of RecipePreviews from an array of recipe objects
-  createPreviews(recipes) {
-    return recipes.map(recipe => new RecipePreview(recipe));
-  }
-
-  resetSearch() {
-    this.setState({ needle: null });
-  }
-
-  render() {
-    const { recipePreviews, recipes, services } = this.props.stores;
-
-    const { app: appActions, service: serviceActions } = this.props.actions;
-
-    const { filter } = this.props.params;
-    let recipeFilter;
-
-    if (filter === 'all') {
-      recipeFilter = this.prepareRecipes([
-        ...recipePreviews.all,
-        ...this.createPreviews(this.customRecipes),
-      ]);
-    } else if (filter === 'dev') {
-      recipeFilter = communityRecipesStore.communityRecipes;
-    } else {
-      recipeFilter = recipePreviews.featured;
-    }
-    recipeFilter = recipeFilter.sort(this._sortByName);
-
-    const allRecipes = this.state.needle
-      ? this.prepareRecipes([
-          // All search recipes from server
-          ...recipePreviews.searchResults,
-          // All search recipes from local recipes
-          ...this.createPreviews(
-            this.customRecipes.filter(
-              service =>
-                service.name
-                  .toLowerCase()
-                  .includes(this.state.needle.toLowerCase()) ||
-                (service.aliases || []).some(alias =>
-                  alias.toLowerCase().includes(this.state.needle.toLowerCase()),
-                ),
-            ),
-          ),
-        ]).sort(this._sortByName)
-      : recipeFilter;
-
-    const customWebsiteRecipe = recipePreviews.all.find(
-      service => service.id === CUSTOM_WEBSITE_RECIPE_ID,
-    );
-
-    const isLoading = recipePreviews.featuredRecipePreviewsRequest.isExecuting
-      || recipePreviews.allRecipePreviewsRequest.isExecuting
-      || recipes.installRecipeRequest.isExecuting
-      || recipePreviews.searchRecipePreviewsRequest.isExecuting;
-
-    const recipeDirectory = userDataRecipesPath('dev');
-
-    return (
-      <ErrorBoundary>
-        <RecipesDashboard
-          recipes={allRecipes}
-          customWebsiteRecipe={customWebsiteRecipe}
-          isLoading={isLoading}
-          addedServiceCount={services.all.length}
-          hasLoadedRecipes={recipePreviews.featuredRecipePreviewsRequest.wasExecuted}
-          showAddServiceInterface={serviceActions.showAddServiceInterface}
-          searchRecipes={e => this.searchRecipes(e)}
-          resetSearch={() => this.resetSearch()}
-          searchNeedle={this.state.needle}
-          serviceStatus={services.actionStatus}
-          recipeFilter={filter}
-          recipeDirectory={recipeDirectory}
-          openRecipeDirectory={() => openPath(recipeDirectory)}
-          openDevDocs={() =>
-            appActions.openExternalUrl({ url: FRANZ_DEV_DOCS })
-          }
-        />
-      </ErrorBoundary>
-    );
-  }
-}
-
-RecipesScreen.propTypes = {
-  stores: PropTypes.shape({
-    recipePreviews: PropTypes.instanceOf(RecipePreviewsStore).isRequired,
-    recipes: PropTypes.instanceOf(RecipeStore).isRequired,
-    services: PropTypes.instanceOf(ServiceStore).isRequired,
-    user: PropTypes.instanceOf(UserStore).isRequired,
-  }).isRequired,
-  actions: PropTypes.shape({
-    app: PropTypes.instanceOf(AppStore).isRequired,
-    service: PropTypes.instanceOf(ServiceStore).isRequired,
-    recipePreview: PropTypes.shape({
-      search: PropTypes.func.isRequired,
-    }).isRequired,
-  }).isRequired,
-};
-
-export default inject('stores', 'actions')(observer(RecipesScreen));