From 5907987e7ce9dedf9c517c6c82ebdbdd449a9260 Mon Sep 17 00:00:00 2001
From: Benjamin <benajamineruvieru@gmail.com>
Date: Tue, 7 Nov 2023 11:40:40 +0100
Subject: [PATCH] docs: docs edit

---
 README.md           |  4 ++--
 example/src/App.tsx | 19 +++++++++++++------
 package.json        |  2 +-
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 22d1010..cf65b1e 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
-# React Native Text Highlighter
+# React Native Text Touch Highlighter
 
-React Native Text Highlighter is a versatile and user-friendly component that allows you to implement text highlighting and selection functionality in your React Native applications. This package simplifies the integration of text selection and annotation features, making it an ideal solution for mobile apps that require text manipulation or document annotation.
+React Native Text Touch Highlighter is a versatile and user-friendly component that allows you to implement text highlighting and selection functionality in your React Native applications. This package simplifies the integration of text selection and annotation features, making it an ideal solution for mobile apps that require text manipulation or document annotation.
 
 <p align="center">
   <img src="src/assets/example.gif" alt="example" height="300" width="380"/>
diff --git a/example/src/App.tsx b/example/src/App.tsx
index fe21886..175e0c7 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { StyleSheet, View } from 'react-native';
+import { Button, StyleSheet, View } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { HighlightText } from 'rn-text-touch-highlight';
 
@@ -11,21 +11,28 @@ export default function App() {
     const data = highlightRef.current?.getHighlightedData();
     console.log(data);
   };
-  const deleteFun = (id) => {
+  const deleteFun = (id: number) => {
     highlightRef.current?.deleteHighlight(id);
   };
 
   return (
     <GestureHandlerRootView style={{ flex: 1 }}>
+      <Button title="Get highlight data" onPress={getHighlightData} />
+      <Button
+        title="Delete highlight"
+        onPress={() => {
+          deleteFun(1);
+        }}
+      />
       <View style={styles.container}>
         <HighlightText
           ref={highlightRef}
           clearHighlightOnTap={true}
           highlightInitialDelay={500}
-          // initialHighlightData={[
-          //   { end: 24, start: 10 },
-          //   { end: 40, start: 30 },
-          // ]}
+          initialHighlightData={[
+            { end: 24, start: 10 },
+            { end: 40, start: 30 },
+          ]}
           lineSpace={5}
           lineBreakHeight={5}
           textColor={'black'}
diff --git a/package.json b/package.json
index d74b50e..47993b9 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "rn-text-touch-highlight",
   "version": "0.1.0",
-  "description": "React Native Text Highlighter is a versatile and user-friendly component that allows you to implement text highlighting and selection functionality in your React Native applications",
+  "description": "React Native Text Touch Highlighter is a versatile and user-friendly component that allows you to implement text highlighting and selection functionality in your React Native applications",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/src/index.d.ts",