From e6f7b4a43fba787517d07f1a2d4f7cfa56faeb1e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20V=C3=ADtor=20Lemos?= <joao.lemos4000@gmail.com>
Date: Tue, 15 Dec 2020 21:01:02 -0300
Subject: [PATCH] Revert "Adding topTopics request to forum and resolve topic
 navigation"

---
 .../topicCreate.test.native.js.snap.android   | 30 ++---------
 .../topicCreate.test.native.js.snap.ios       | 30 ++---------
 .../topicView.test.native.js.snap.android     | 45 ++++++++---------
 .../topicView.test.native.js.snap.ios         | 45 ++++++++---------
 __tests__/topicCreate.test.native.js          | 15 +++---
 __tests__/topicView.test.native.js            | 50 ++++++++++++-------
 package.json                                  |  2 +-
 src/screen/forum/components/NewTopic.js       |  9 +---
 src/screen/topic/TopicCreate.js               | 17 ++-----
 src/screen/topic/TopicView.js                 | 17 +++----
 src/screen/topic/comment/Comments.js          |  6 +--
 src/screen/topic/header.js                    | 22 ++++----
 src/services/endpoints/topic.js               | 12 -----
 src/settings/endpoints.js                     |  4 --
 14 files changed, 121 insertions(+), 183 deletions(-)

diff --git a/__tests__/__snapshots__/topicCreate.test.native.js.snap.android b/__tests__/__snapshots__/topicCreate.test.native.js.snap.android
index 61b2838..77744a5 100644
--- a/__tests__/__snapshots__/topicCreate.test.native.js.snap.android
+++ b/__tests__/__snapshots__/topicCreate.test.native.js.snap.android
@@ -27,35 +27,15 @@ exports[`<TopicCreate /> renders everything 1`] = `
       }
     }
   >
-    <View
-      accessible={true}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
+    <Text />
+    <Text
       style={
         Object {
-          "alignItems": "center",
-          "flexDirection": "row",
-          "justifyContent": "center",
-          "opacity": 1,
+          "color": "rgba(214,218,223,1.0)",
+          "fontSize": 15,
         }
       }
-    >
-      <Text />
-      <Text
-        style={
-          Object {
-            "color": "rgba(214,218,223,1.0)",
-            "fontSize": 15,
-          }
-        }
-      />
-    </View>
+    />
     <View
       accessible={true}
       focusable={true}
diff --git a/__tests__/__snapshots__/topicCreate.test.native.js.snap.ios b/__tests__/__snapshots__/topicCreate.test.native.js.snap.ios
index 61b2838..77744a5 100644
--- a/__tests__/__snapshots__/topicCreate.test.native.js.snap.ios
+++ b/__tests__/__snapshots__/topicCreate.test.native.js.snap.ios
@@ -27,35 +27,15 @@ exports[`<TopicCreate /> renders everything 1`] = `
       }
     }
   >
-    <View
-      accessible={true}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
+    <Text />
+    <Text
       style={
         Object {
-          "alignItems": "center",
-          "flexDirection": "row",
-          "justifyContent": "center",
-          "opacity": 1,
+          "color": "rgba(214,218,223,1.0)",
+          "fontSize": 15,
         }
       }
-    >
-      <Text />
-      <Text
-        style={
-          Object {
-            "color": "rgba(214,218,223,1.0)",
-            "fontSize": 15,
-          }
-        }
-      />
-    </View>
+    />
     <View
       accessible={true}
       focusable={true}
diff --git a/__tests__/__snapshots__/topicView.test.native.js.snap.android b/__tests__/__snapshots__/topicView.test.native.js.snap.android
index 87682f0..1ccdab3 100644
--- a/__tests__/__snapshots__/topicView.test.native.js.snap.android
+++ b/__tests__/__snapshots__/topicView.test.native.js.snap.android
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<TopicView /> renders everything 1`] = `
+exports[`<TopicCreate /> renders everything 1`] = `
 <View
   onLayout={[Function]}
   style={
@@ -27,25 +27,21 @@ exports[`<TopicView /> renders everything 1`] = `
     }
   >
     <View
-      accessible={true}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
       style={
         Object {
-          "alignItems": "center",
-          "flex": 0.8,
-          "flexDirection": "row",
-          "opacity": 1,
+          "flex": 0.1,
         }
       }
     >
       <Text />
+    </View>
+    <View
+      style={
+        Object {
+          "flex": 0.9,
+        }
+      }
+    >
       <Text
         style={
           Object {
@@ -55,13 +51,6 @@ exports[`<TopicView /> renders everything 1`] = `
         }
       />
     </View>
-    <View
-      style={
-        Object {
-          "flex": 0.2,
-        }
-      }
-    />
   </View>
   <View
     style={
@@ -121,8 +110,8 @@ exports[`<TopicView /> renders everything 1`] = `
             }
           }
         >
-          1116717
-           dias atrás
+          NaN
+           minutos atrás
         </Text>
       </View>
     </View>
@@ -171,6 +160,7 @@ exports[`<TopicView /> renders everything 1`] = `
           />
         </View>
       </RCTScrollView>
+      <Text />
       <View
         style={
           Object {
@@ -199,6 +189,15 @@ exports[`<TopicView /> renders everything 1`] = `
           <Text />
           <Text />
         </View>
+        <View
+          style={
+            Object {
+              "flexDirection": "row",
+            }
+          }
+        >
+          <Text />
+        </View>
         <View
           style={
             Object {
diff --git a/__tests__/__snapshots__/topicView.test.native.js.snap.ios b/__tests__/__snapshots__/topicView.test.native.js.snap.ios
index 6e278fb..d6e0fb2 100644
--- a/__tests__/__snapshots__/topicView.test.native.js.snap.ios
+++ b/__tests__/__snapshots__/topicView.test.native.js.snap.ios
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<TopicView /> renders everything 1`] = `
+exports[`<TopicCreate /> renders everything 1`] = `
 <View
   onLayout={[Function]}
   style={
@@ -27,25 +27,21 @@ exports[`<TopicView /> renders everything 1`] = `
     }
   >
     <View
-      accessible={true}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
       style={
         Object {
-          "alignItems": "center",
-          "flex": 0.8,
-          "flexDirection": "row",
-          "opacity": 1,
+          "flex": 0.1,
         }
       }
     >
       <Text />
+    </View>
+    <View
+      style={
+        Object {
+          "flex": 0.9,
+        }
+      }
+    >
       <Text
         style={
           Object {
@@ -55,13 +51,6 @@ exports[`<TopicView /> renders everything 1`] = `
         }
       />
     </View>
-    <View
-      style={
-        Object {
-          "flex": 0.2,
-        }
-      }
-    />
   </View>
   <View
     style={
@@ -121,8 +110,8 @@ exports[`<TopicView /> renders everything 1`] = `
             }
           }
         >
-          1116717
-           dias atrás
+          NaN
+           minutos atrás
         </Text>
       </View>
     </View>
@@ -171,6 +160,7 @@ exports[`<TopicView /> renders everything 1`] = `
           />
         </View>
       </RCTScrollView>
+      <Text />
       <View
         style={
           Object {
@@ -199,6 +189,15 @@ exports[`<TopicView /> renders everything 1`] = `
           <Text />
           <Text />
         </View>
+        <View
+          style={
+            Object {
+              "flexDirection": "row",
+            }
+          }
+        >
+          <Text />
+        </View>
         <View
           style={
             Object {
diff --git a/__tests__/topicCreate.test.native.js b/__tests__/topicCreate.test.native.js
index 0e2f1bd..46ca083 100644
--- a/__tests__/topicCreate.test.native.js
+++ b/__tests__/topicCreate.test.native.js
@@ -22,9 +22,9 @@ describe('<TopicCreate />', () => {
       .create(<TopicCreate navigation={{ getParam: jest.fn() }} />)
       .toJSON();
     expect(tree).toMatchSnapshot();
-    expect(wrapper.find('View').length).toBe(18);
+    expect(wrapper.find('View').length).toBe(16);
     expect(wrapper.find('Text').length).toBe(10);
-    expect(wrapper.find('TouchableOpacity').length).toBe(2);
+    expect(wrapper.find('TouchableOpacity').length).toBe(1);
     expect(wrapper.find('Icon').length).toBe(2);
     expect(wrapper.find('TextInput').length).toBe(2);
   });
@@ -33,12 +33,12 @@ describe('<TopicCreate />', () => {
       styles.TopicCreatemasterView
     );
     expect(wrapper.find('View').at(2)).toHaveStyle(styles.TopicCreateheader);
-    expect(wrapper.find('View').at(8)).toHaveStyle(styles.TopicCreatecontainer);
-    expect(wrapper.find('View').at(10)).toHaveStyle(styles.TopicCreateUserDiv);
-    expect(wrapper.find('View').at(12)).toHaveStyle(
+    expect(wrapper.find('View').at(6)).toHaveStyle(styles.TopicCreatecontainer);
+    expect(wrapper.find('View').at(8)).toHaveStyle(styles.TopicCreateUserDiv);
+    expect(wrapper.find('View').at(10)).toHaveStyle(
       styles.TopicCreatetituloDiv
     );
-    expect(wrapper.find('View').at(16)).toHaveStyle(
+    expect(wrapper.find('View').at(14)).toHaveStyle(
       styles.TopicCreatescrollDiv
     );
   });
@@ -55,6 +55,9 @@ describe('<TopicCreate />', () => {
     expect(wrapper.find('Text').at(8)).toHaveText('username');
   });
   it('renders TouchableOpacity correctly', () => {
+    expect(wrapper.find('TouchableOpacity').at(0)).toHaveStyle(
+      styles.TopicCreatepublicarDiv
+    );
     expect(wrapper.find('TouchableOpacity').at(0)).toHaveProp('onPress');
   });
   it('renders Icon correctly', () => {
diff --git a/__tests__/topicView.test.native.js b/__tests__/topicView.test.native.js
index 3dc348f..376dbe1 100644
--- a/__tests__/topicView.test.native.js
+++ b/__tests__/topicView.test.native.js
@@ -12,7 +12,7 @@ jest.mock('@react-native-async-storage/async-storage', () => mockAsyncStorage);
 
 let wrapper;
 
-describe('<TopicView />', () => {
+describe('<TopicCreate />', () => {
   beforeEach(() => {
     wrapper = mount(<TopicView navigation={{ getParam: jest.fn() }} />);
   });
@@ -23,15 +23,15 @@ describe('<TopicView />', () => {
       .toJSON();
     expect(tree).toMatchSnapshot();
     expect(wrapper.find('KeyboardAvoidingView').length).toBe(1);
-    expect(wrapper.find('View').length).toBe(36);
+    expect(wrapper.find('View').length).toBe(38);
     expect(wrapper.find('Header').length).toBe(1);
     expect(wrapper.find('Image').length).toBe(2);
     expect(wrapper.find('Data').length).toBe(1);
     expect(wrapper.find('ScrollView').length).toBe(2);
     expect(wrapper.find('Comments').length).toBe(1);
-    expect(wrapper.find('Text').length).toBe(26);
-    expect(wrapper.find('TouchableOpacity').length).toBe(2);
-    expect(wrapper.find('Icon').length).toBe(5);
+    expect(wrapper.find('Text').length).toBe(30);
+    expect(wrapper.find('TouchableOpacity').length).toBe(1);
+    expect(wrapper.find('Icon').length).toBe(7);
   });
   it('renders KeyboardAvoidingView correctly', () => {
     expect(wrapper.find('KeyboardAvoidingView').at(0)).toHaveStyle(
@@ -48,7 +48,7 @@ describe('<TopicView />', () => {
     expect(wrapper.find('Image').at(0)).toHaveProp('defaultSource');
   });
   it('renders Data correctly', () => {
-    expect(wrapper.find('Data').at(0)).toHaveProp('time');
+    expect(wrapper.find('Data').at(0)).toHaveProp('tempo');
   });
   it('renders ScrollView correctly', () => {
     expect(wrapper.find('ScrollView').at(0)).toHaveStyle(
@@ -70,32 +70,44 @@ describe('<TopicView />', () => {
     expect(wrapper.find('View').at(16)).toHaveStyle({ marginTop: 10 });
     expect(wrapper.find('View').at(17)).toHaveStyle({ marginTop: 10 });
     expect(wrapper.find('View').at(20)).toHaveStyle(styles.topicContainer);
-    expect(wrapper.find('View').at(28)).toHaveStyle(styles.commentsBar);
-    expect(wrapper.find('View').at(30)).toHaveStyle(styles.commentsListDiv);
-    expect(wrapper.find('View').at(32)).toHaveStyle(styles.commentsList);
+    expect(wrapper.find('View').at(26)).toHaveStyle(styles.shareIcon);
+    expect(wrapper.find('View').at(30)).toHaveStyle(styles.commentsBar);
+    expect(wrapper.find('View').at(32)).toHaveStyle(styles.commentsListDiv);
+    expect(wrapper.find('View').at(34)).toHaveStyle(styles.commentsList);
   });
   it('renders Text correctly', () => {
     expect(wrapper.find('Text').at(4)).toHaveStyle(styles.nameUser);
     expect(wrapper.find('Text').at(8)).toHaveStyle(styles.topicDivTitle);
-    expect(wrapper.find('Text').at(22)).toHaveStyle(styles.commentsBarText);
-    expect(wrapper.find('Text').at(22)).toHaveText('Novo Comentário');
+    expect(wrapper.find('Text').at(24)).toHaveText('Compartilhar');
+    expect(wrapper.find('Text').at(24)).toHaveStyle({ fontSize: 10 });
+    expect(wrapper.find('Text').at(26)).toHaveStyle(styles.commentsBarText);
+    expect(wrapper.find('Text').at(26)).toHaveText('Novo Comentário');
   });
   it('renders TouchableOpacity correctly', () => {
+    expect(wrapper.find('TouchableOpacity').at(0)).toHaveStyle(
+      styles.commentsBarDiv
+    );
     expect(wrapper.find('TouchableOpacity').at(0)).toHaveProp('onPress');
   });
   it('renders Icon correctly', () => {
-    expect(wrapper.find('Icon').at(1)).toHaveProp('size', 18);
-    expect(wrapper.find('Icon').at(1)).toHaveProp('color', gray.shark());
-    expect(wrapper.find('Icon').at(1)).toHaveProp('onPress');
-    expect(wrapper.find('Icon').at(1)).toHaveProp('name', 'arrowup');
+    expect(wrapper.find('Icon').at(2)).toHaveProp('name', 'arrowup');
     expect(wrapper.find('Icon').at(2)).toHaveProp('size', 18);
     expect(wrapper.find('Icon').at(2)).toHaveProp('color', gray.shark());
     expect(wrapper.find('Icon').at(2)).toHaveProp('onPress');
-    expect(wrapper.find('Icon').at(3)).toHaveProp('name', 'corner-up-right');
-    expect(wrapper.find('Icon').at(3)).toHaveProp('size', 15);
+    expect(wrapper.find('Icon').at(3)).toHaveProp('name', 'arrowdown');
+    expect(wrapper.find('Icon').at(3)).toHaveProp('size', 18);
     expect(wrapper.find('Icon').at(3)).toHaveProp('color', gray.shark());
-    expect(wrapper.find('Icon').at(4)).toHaveProp('name', 'triangle-right');
-    expect(wrapper.find('Icon').at(4)).toHaveProp('size', 15);
+    expect(wrapper.find('Icon').at(3)).toHaveProp('onPress');
+    expect(wrapper.find('Icon').at(4)).toHaveProp('name', 'edit');
+    expect(wrapper.find('Icon').at(4)).toHaveProp('size', 18);
     expect(wrapper.find('Icon').at(4)).toHaveProp('color', gray.shark());
+    expect(wrapper.find('Icon').at(4)).toHaveProp('onPress');
+    expect(wrapper.find('Icon').at(5)).toHaveProp('name', 'corner-up-right');
+    expect(wrapper.find('Icon').at(5)).toHaveProp('size', 15);
+    expect(wrapper.find('Icon').at(5)).toHaveProp('color', gray.shark());
+    expect(wrapper.find('Icon').at(6)).toHaveStyle(styles.commentsBarIcon);
+    expect(wrapper.find('Icon').at(6)).toHaveProp('name', 'triangle-right');
+    expect(wrapper.find('Icon').at(6)).toHaveProp('size', 15);
+    expect(wrapper.find('Icon').at(6)).toHaveProp('color', gray.shark());
   });
 });
diff --git a/package.json b/package.json
index 4f70479..91d300e 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
     "ios": "react-native run-ios",
     "web": "expo start --web",
     "start": "react-native start",
-    "test": "jest",
+    "test": "jest --all --no-watchman",
     "coverage": "rm -rf coverage/ node_modules/.cache/ && NODE_ENV=test npx jest --collect-coverage",
     "lint": "eslint .",
     "lint-fix": "eslint . --fix",
diff --git a/src/screen/forum/components/NewTopic.js b/src/screen/forum/components/NewTopic.js
index 3dfcbab..0bb0544 100644
--- a/src/screen/forum/components/NewTopic.js
+++ b/src/screen/forum/components/NewTopic.js
@@ -25,14 +25,7 @@ export default function NewTopic({ navigation, topTopic }) {
             </Text>
             <Text style={styles.postData}>{item?.createdAt}</Text>
             <View style={styles.posStatus}>
-              <View style={styles.postLikes}>
-                <FontAwesome5
-                  name="comment-alt"
-                  size={20}
-                  color={gray.iron()}
-                />
-                <Text style={styles.postTitle}>{item?.comments.length}</Text>
-              </View>
+              <FontAwesome5 name="comment-alt" size={20} color={gray.iron()} />
               <View style={styles.postLikes}>
                 <AntDesign name="arrowup" size={20} color={gray.iron()} />
                 <Text style={styles.postTitle}>{item?.likes.length}</Text>
diff --git a/src/screen/topic/TopicCreate.js b/src/screen/topic/TopicCreate.js
index f667f2f..7e857c0 100644
--- a/src/screen/topic/TopicCreate.js
+++ b/src/screen/topic/TopicCreate.js
@@ -34,19 +34,10 @@ export default function TopicCreate({ navigation }) {
   return (
     <View style={styles.TopicCreatemasterView}>
       <View style={styles.TopicCreateheader}>
-        <TouchableOpacity
-          style={{
-            flexDirection: 'row',
-            justifyContent: 'center',
-            alignItems: 'center',
-          }}
-          onPress={() => navigation.push('PlantCard', { itemID: plantID })}
-        >
-          <AntDesign name="left" size={24} color={gray.iron()} />
-          <Text style={{ color: gray.iron(), fontSize: 15 }}>
-            {plant?.scientificName}
-          </Text>
-        </TouchableOpacity>
+        <AntDesign name="left" size={24} color={gray.iron()} />
+        <Text style={{ color: gray.iron(), fontSize: 15 }}>
+          {plant?.scientificName}
+        </Text>
         <TouchableOpacity
           style={styles.TopicCreatepublicarDiv}
           onPress={() => postTopic()}
diff --git a/src/screen/topic/TopicView.js b/src/screen/topic/TopicView.js
index 3e69445..6e4e3b6 100644
--- a/src/screen/topic/TopicView.js
+++ b/src/screen/topic/TopicView.js
@@ -27,18 +27,15 @@ import { gray, highlight } from '../../theme/colorPalette';
 
 function Data({ time }) {
   const now = new Date();
-  const tmp = Math.trunc((now - time) / 1000 / 60);
+  const action = new Date(time);
+  const tmp = Math.trunc((now - action) / 1000 / 60);
   if (tmp / 60 > 24) {
-    return (
-      <Text style={styles.dataTopic}>{Math.trunc(tmp / 24)} dias atrás</Text>
-    );
+    return <Text style={styles.dataTopic}>{tmp / 24} dias atrás</Text>;
   }
   if (tmp / 3600 > 24) {
-    return (
-      <Text style={styles.dataTopic}>{Math.trunc(tmp / 60)} horas atrás</Text>
-    );
+    return <Text style={styles.dataTopic}>{tmp / 24} horas atrás</Text>;
   }
-  return <Text style={styles.dataTopic}>{Math.trunc(tmp)} minutos atrás</Text>;
+  return <Text style={styles.dataTopic}>{tmp} minutos atrás</Text>;
 }
 
 export default function TopicView({ navigation }) {
@@ -48,7 +45,7 @@ export default function TopicView({ navigation }) {
   const [topic, setTopic] = useState({});
   const [isNewComment, setIsNewComment] = useState(true);
   const [isEditing, setIsEditing] = useState(false);
-  const [isEditable, setIsEditable] = useState(false);
+  const [isEditable, setIsEditable] = useState(true);
   const [commentText, setCommentText] = useState('');
   const [topicIsLiked, setTopicIsLiked] = useState(false);
   const [topicIsNotLiked, setTopicIsNotLiked] = useState(false);
@@ -160,7 +157,7 @@ export default function TopicView({ navigation }) {
           />
           <View>
             <Text style={styles.nameUser}>{topic?.user?.username}</Text>
-            <Data time={topicDate} />
+            <Data tempo={topicDate} />
           </View>
         </View>
         <View style={styles.topicDiv}>
diff --git a/src/screen/topic/comment/Comments.js b/src/screen/topic/comment/Comments.js
index df98af2..6b7bd85 100644
--- a/src/screen/topic/comment/Comments.js
+++ b/src/screen/topic/comment/Comments.js
@@ -52,9 +52,7 @@ export default function Comments({ topic, setTopic, user, like, dislike }) {
           <ScrollView>
             <Text style={styles.commentUsername}>{username}</Text>
             {topicEditing !== id ? (
-              <Text style={styles.commentDescription} numberOfLines={3}>
-                {description}
-              </Text>
+              <Text style={styles.commentDescription}>{description}</Text>
             ) : (
               <TextInput
                 blurOnSubmit
@@ -83,7 +81,7 @@ export default function Comments({ topic, setTopic, user, like, dislike }) {
               onPress={() => dislike('comment', id)}
             />
           </View>
-          {!!(user?._id === userID) && (
+          {user?._id === userID && (
             <>
               <View style={styles.commentIcon}>
                 <Feather
diff --git a/src/screen/topic/header.js b/src/screen/topic/header.js
index 1698f69..5d2b60d 100644
--- a/src/screen/topic/header.js
+++ b/src/screen/topic/header.js
@@ -1,16 +1,23 @@
 import React from 'react';
-import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import { View, Text, StyleSheet } from 'react-native';
+
 import { AntDesign } from '@expo/vector-icons';
 import { gray } from '../../theme/colorPalette';
 
 export default function Header({ title, onPress }) {
   return (
     <View style={styles.header}>
-      <TouchableOpacity style={styles.headerNav} onPress={onPress}>
-        <AntDesign name="left" size={24} color={gray.iron()} />
+      <View style={{ flex: 0.1 }}>
+        <AntDesign
+          name="left"
+          size={24}
+          color={gray.iron()}
+          onPress={onPress}
+        />
+      </View>
+      <View style={{ flex: 0.9 }}>
         <Text style={{ color: gray.iron(), fontSize: 18 }}>{title}</Text>
-      </TouchableOpacity>
-      <View style={{ flex: 0.2 }} />
+      </View>
     </View>
   );
 }
@@ -23,11 +30,6 @@ const styles = StyleSheet.create({
     alignContent: 'space-between',
     paddingTop: 15,
   },
-  headerNav: {
-    flex: 0.8,
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
   publicarDiv: {
     flexDirection: 'row',
     alignItems: 'center',
diff --git a/src/services/endpoints/topic.js b/src/services/endpoints/topic.js
index 2287bc4..afc62bf 100644
--- a/src/services/endpoints/topic.js
+++ b/src/services/endpoints/topic.js
@@ -18,18 +18,6 @@ export const createTopic = async (topicID, topicBody) => {
   });
 };
 
-export const topTopic = () => {
-  const TOPIC = ENDPOINTS.API.topic;
-  return new Promise((resolve, reject) => {
-    fetch(ENDPOINTS.API.base_url + TOPIC.listTop.route, {
-      method: TOPIC.listTop.method,
-    })
-      .then((res) => res.json())
-      .then(resolve)
-      .catch(reject);
-  });
-};
-
 export const getTopic = (topicID) => {
   const TOPIC = ENDPOINTS.API.topic;
   return new Promise((resolve, reject) => {
diff --git a/src/settings/endpoints.js b/src/settings/endpoints.js
index 1b4f6b7..7a0895e 100644
--- a/src/settings/endpoints.js
+++ b/src/settings/endpoints.js
@@ -87,10 +87,6 @@ const ENDPOINTS = {
         route: (topicID) => `/topic/find/${topicID}`,
         method: 'GET',
       },
-      listTop: {
-        route: `/topic/list`,
-        method: 'GET',
-      },
       create: {
         route: (plantID) => `/topic/create/${plantID}`,
         method: 'POST',