From f2627dbc8bd7d3bf8aa3f81b595a604135677a54 Mon Sep 17 00:00:00 2001
From: Pritesh Nandgaonkar <prit91@fb.com>
Date: Tue, 12 Mar 2019 07:05:04 -0700
Subject: [PATCH] Hide target and alignment mode for archived device

Summary: As per title. Target mode and Alignment mode doesn't make sense for archived devices.

Reviewed By: danielbuechele

Differential Revision: D14407780

fbshipit-source-id: cf6f56456674ad8fec422d6f84d58c6d5b211c25
---
 src/plugins/layout/layout2/index.js | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/plugins/layout/layout2/index.js b/src/plugins/layout/layout2/index.js
index 7317c28ea..626bd742d 100644
--- a/src/plugins/layout/layout2/index.js
+++ b/src/plugins/layout/layout2/index.js
@@ -179,12 +179,14 @@ export default class Layout extends FlipperPlugin<State, void, PersistedState> {
         {this.state.init && (
           <>
             <Toolbar>
-              <ToolbarIcon
-                onClick={this.onToggleTargetMode}
-                title="Toggle target mode"
-                icon="target"
-                active={this.state.inTargetMode}
-              />
+              {!this.props.isArchivedDevice && (
+                <ToolbarIcon
+                  onClick={this.onToggleTargetMode}
+                  title="Toggle target mode"
+                  icon="target"
+                  active={this.state.inTargetMode}
+                />
+              )}
               {this.realClient.query.os === 'Android' && (
                 <ToolbarIcon
                   onClick={this.onToggleAXMode}
@@ -193,12 +195,15 @@ export default class Layout extends FlipperPlugin<State, void, PersistedState> {
                   active={this.state.inAXMode}
                 />
               )}
-              <ToolbarIcon
-                onClick={this.onToggleAlignmentMode}
-                title="Toggle AlignmentMode to show alignment lines"
-                icon="borders"
-                active={this.state.inAlignmentMode}
-              />
+              {!this.props.isArchivedDevice && (
+                <ToolbarIcon
+                  onClick={this.onToggleAlignmentMode}
+                  title="Toggle AlignmentMode to show alignment lines"
+                  icon="borders"
+                  active={this.state.inAlignmentMode}
+                />
+              )}
+
               <Search
                 client={this.getClient()}
                 setPersistedState={this.props.setPersistedState}